Why angular material design gets rid of date picker

Question

It makes sense to use the default mobile date picker, but how to get a consistent date picker in a regular web application when using material design?

angular material design site (no choice): https://material.angularjs.org/#/

Google site design site (there is a compiler): http://www.google.com/design/spec/components/pickers.html

Answer 1

The library is still under construction. The current version is 0.10.0.

You can check their milestones . The date picker is scheduled for the next version (0.11.0), and it worked in the wip (calendar) branch and was discussed in this thread .

Answer 2

I have some problem and finally got a solution in the latest version of Angular Material which is 0.11.0-RC1

You can get the code for the following code:

<div ng-controller="AppCtrl" class="sliderdemoBasicUsage" ng-app="MyApp"> <br> <br> <md-content style="margin: 16px; padding:16px"> <h4>Start Date</h4> <md-datepicker ng-model="endDate" md-placeholder="Enter start date"></md-datepicker> <br> <h4>End Date</h4> <md-datepicker ng-model="startDate" md-placeholder="Enter end date"></md-datepicker> </md-content> </div> 

---

My controller

 angular.module('MyApp') .controller('AppCtrl', function($scope) { //do what you want here }); 

---

you can currently use the link below to get the datepicker in Angular stuff

https://gitcdn.xyz/repo/angular/bower-material/v0.11.0-rc1/angular-material.css

https://gitcdn.xyz/repo/angular/bower-material/v0.11.0-rc1/angular-material.js

or check the code in code

http://codepen.io/ankur-tiwari/pen/bVNEKJ

Answer 3

I encountered the same problem when using md-datepicker. This was resolved later. I used to use version 0.9.4, but when I used version 0.10.1, it worked. Try changing the version to the latest.