DateTime Picker Demo

Pick a date

• dateDisabled used, todays date is disabled when the picker is displaying days
• closeOnDateSelection="false"
• datepickerOptions - showWeeks=false, startingDay=1
• clear-text - is set to 'Remove' instead of using the default 'Clear'

Date

model

{{ dates.date1 }}

---

Pick a time

• timepickerOptions - showMeridian=false, readonlyInput=true

Time

model

{{ dates.date2 }}

---

Pick a date and time

Both

model

{{ dates.date3 }}

---

Pick two dates to calculate difference

Pick a date range, using two dates. Use minDate and maxDate to make sure your end date cannot be before your start date and vice-versa

From

To

Difference

{{ dayRange }} (days)

Global Configured DateTime Picker

Date picker only passes in the model and isOpen parameters, the rest are determined by the constant uiDatetimePickerConfig

Both

model

{{ dates.date6 }}