search

material-components / material-components

Documentation and policies for Material Components (all platforms)
Apache License 2.0
1.06k stars 165 forks source link

Add possibility for Week numbers to Date Picker design #81

Open Rinsen opened 3 years ago

Rinsen commented 3 years ago

In many countries it's very common to use week numbers in addition to dates. We have customers that require us to display the week numbers and have previously been using the jQuery UI Date Picker that have support for this feature.

Now when we have started to use Material Design instead we run into issues with this. The lack of possibility to add week numbers is forcing us away from the standard Date Pickers built on top of the Material Design and away from the very nice implementations that exist for standard Material Design.

Material picker https://material.io/components/pickers

jQuery UI Date Picker for reference with the week numbers on the left https://jqueryui.com/datepicker/#show-week

hylerrix commented 2 years ago

Need the week number in the material date picker design, too.

The most popular material UI library material-ui in react, Vuetify in Vue and material in Angular both doesn't support week numbers.

Since ISO has an isoWeek standard, we truly need week number support in material design.

In addition to the jQuery UI listed above, here is another example in Element (vue):

https://element.eleme.cn/#/en-US/component/date-picker#other-measurements