Installation & Setup
#1 Install DatePicker and Material packages with npm
npm install angular-material-datepickernpm install @angular/material
#2 Import DatePicker and Material modules
#3 Apply Material Theme to Datepicker
Import themes and apply them to the Calendar in your
// Import a pre-built theme;// Import your custom input theme file so you can call the custom-input-theme function;// Using the $theme variable from the pre-built theme you can call the theming function
#1 Add the
<md-datepicker></md-datepicker> element in your html template.
#2 Binding to selected date.
You can use two-way-binding to set and get and selected value of the Datepicker.
Run Demo App
You can try out the Datepicker in the demo app built with Angular-CLI.
#1 To start the demo app clone or download the repo.
#2 Install the latest version of Angular-CLI
npm install -g angular-cli@latest
#3 Install npm packages
#4 Run the app
#5 Open the app