Configuration
The result will reflect on the Datepicker (or the Datepicker dialog) shown below.
Theme
Light theme
Dark theme
Google theme
View
Vertical
Horizontal
Default
* Horizontal mode only works on screen that is wide enough hence it does not work on portrait mobile.
First day of week
[[_chosenFirstDayOfWeek]]
Disable days
Sun (0)
Mon (1)
Tue (2)
Wed (3)
Thu (4)
Fri (5)
Sat (6)
Disable dates
Min date
Max date
Format - year
yyyy
yy
Format - month
mmmm
mmm
mm
m
Format - day
do
dd
d
Show long date
(eg. Fri, May 12 2017)
Auto update date
It should be used when the datepicker is a standalone element and not inside an overlay/ dialog.
Locale
(eg. en-GB, fr-FR, de-DE, ja)
Datepicker
Note: By default, tapping a date on a datepicker w/o any button (eg. paper-button at the bottom) won't trigger date change
Input the date externally
Update datepicker
* Input date does not work for locale other than
en-*
, it is advisable to pass in date with format
yyyy/mm/dd
Datepicker dialog
Datepicker Dialog
[[dynamicDate]]
Datepicker dialog w/o any animation and transition
Static datepicker Dialog
[[staticDate]]
Datepicker dialog that always reset to today's date everytime the datepicker opens
Always reset datepicker Dialog
[[alwaysResetDate]]