Date Picker

The basic setup requires targetting an inputelement and invoking the picker.

Default

Use .pickadateclass for basic Pick-A-Date Picker.

Format Date Picker

Setformatattribute for basic change format of date.

Min-Max Date Range

Use .pickadate-limitsclass for min. and max. date range.

Translation

Use .pickadate-translationsclass for language translation.

Pick-a-date with short string

Use .pickadate-short-stringclass for short Month & Week String.

Change First Weekday

Use .pickadate-firstdayclass to change first weekday to Monday.

Select Month & Year

Use .pickadate-months-yearclass for display select menus to pick the month & year.

Disabled Dates & Weeks

Use .pickadate-disableclass for disabled dates or weeks. (such as all Sun.1th day of week and 1st and 3rd Sat.).

Time Picker

Default

Use .pickatimeclass for basic Pick-a-Time Picker.

Change Formats

Use .pickatime-formatclass to change time display formats.

Format with Label

Use .pickatime-formatlabelclass to display time label format.

Intervals

Use .pickatime-intervalsclass to display time in Intervals.

Disable set of Time

Use .pickatime-disableclass to disable time hours.

Minimum and maximum time range

Use .pickatime-min-maxclass for Start Time & End Time.