ionic-framework icon indicating copy to clipboard operation
ionic-framework copied to clipboard

feat: Option to show calendar week in ion-datetime component

Open tho-masn opened this issue 4 years ago • 3 comments

Feature Request

Ionic version:

[ ] 4.x [ ] 5.x [x] 6.x

Describe the Feature Request It would be useful to have the option to show the calendar weeks in the ion-datetime component. Not sure how it is in the US, but in Europe it's quiet common for specific industries to work with calendar weeks.

Similar to this:

Screenshot 2021-07-02 at 10 00 51

Describe Preferred Solution It probably would make sense to just turn the calendar weeks on via a property like <ion-datetime calendar-weeks="true" />

Describe Alternatives Any solution, which renders the calendar week into the ion-datetime component would be cool.

tho-masn avatar Jul 02 '21 08:07 tho-masn

Thank you for the feature request!

A little research here:

  • The default <input type="date"> HTML element does not seem to have an option for showing weeks: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
  • There is however, <input type="week"> that does show week numbers: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/week
  • Similar issue opened in MWC: https://github.com/material-components/material-components/issues/81
  • Both the iOS Calendar app and Google Calendar app have an settings opt-in to show week numbers:

willmartian avatar Jul 02 '21 18:07 willmartian

@willmartian Is there any information if and when this feature will be implemented? :)

jhnns avatar Oct 04 '23 09:10 jhnns

Is there any progress on this?

Webrow avatar May 22 '24 07:05 Webrow