From the course: Angular: Material Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Date picker

Date picker - Angular Tutorial

From the course: Angular: Material Design

Start my 1-month free trial

Date picker

- [Instructor] Date Pickers allow your users to enter a date and time important to the system. Material dates are presented as a text input with a calendar icon. When selected a menu slides down from the input, where the user can select the date from an interactive picker. One of the most common programming problems is how to store dates. I recommend you always store your dates in UTC or Universal Time Coordinated format. When you display a date to the user, that date should be converted to their local time. The Date Picker allows you to provide a format for the look and behavior of your date fields. When working with dates, the Moment.js library is incredibly useful for conversion, date math and intervals. Angular Material has built in support for Moment.js and in a second I'm going to show you how to set that up. Date filters control what options are available in the Date Picker. For example, if the user must select a future date, we want to set a date filter, that the minimum date…

Contents