Date

Add type<input type="date">

Month

Add type<input type="month">

Week

Add type<input type="week">

Date-time-local

Add type<input type="datetime-local">

Time

Add type<input type="time">

Simple Popup

Selected Date: {{ parserFormatter.format(modelPopup) }}

Select Today

Simple Inline

Selected Month/Year: {{ date.month }}/{{ date.year }}
Selected Date: {{ parserFormatter.format(model) }}

Multiple months Inline

Range Picker

{{ date.day }}
Selected Date Range: {{ parserFormatter.format(fromDate) }} to {{ parserFormatter.format(toDate) }}

Disabled


Custom Day

{{ date.day }}

Basic

add simple tag material-datepicker

Date Selected

add date with two-way binding

Accent Color

add accentColor#e74c3c on material-datepicker

Date Format

add dateFormatYYYY-MM-DD (default) and MM-DD-YYYY and DD-MM-YYYY on material-datepicker

Disabled

add disabledtrue/false on material-datepicker

Fonts Family

add fontFamilyfantasy - any custom font on material-datepicker

Placeholder

add placeholderany custom text on material-datepicker

Month Limit

add rangeStart and endDateRange with date range on material-datepicker

Basic

set colorPicker#2f6a87 any color and set stylebackground

Show Color Code

set attributevalue

Code Format


set attribute cpOutputFormat with hex-default, rgba, hsla

Element Color

Change me!

set attribute cpPositionRelativeToArrow,cpPositionOffset

Cancel Button

set cpCancelButtontrue/false and class cpCancelButtonClassbtn btn-primary btn-xs

OK Button - Multiple

set cpOKButtontrue/falseand class cpCancelButtonClassbtn btn-primary btn-xs

Toggle Event

set cpToggletoggle with button

Preset Colors

set cpPresetColors['#fff', '#000', '#2889e9', '#e920e9', '#fff500', 'rgb(236,64,64)']

Position Bottom

set cpPositionbottom

Position Top

set cpPositiontop

Position Right

set cpPositionright

Position Left

set cpPositionleft

RGB Transparent

set cpOutputFormatrgba

RGBA Transparent


set cpAlphaChannelalways with cpOutputFormatrgba

HEX Transparent

set cpOutputFormathex with cpAlphaChannelalways