web-template icon indicating copy to clipboard operation
web-template copied to clipboard

Create custom DatePicker component and remove react-dates

Open Gnito opened this issue 5 months ago • 0 comments

Translation changes

  "DatePicker.clearButton": "Clear value",
  "DatePicker.screenreader.blockedDate": "{date} is not available",
  "DatePicker.screenreader.chooseDate": "Choose {date}",
  "DatePicker.screenreader.chooseEndDate": "Choose {date} as the end date",
  "DatePicker.screenreader.chooseStartDate": "Choose {date} as the start date",
  "DatePicker.screenreader.nextMonthButton": "Next month",
  "DatePicker.screenreader.previousMonthButton": "Previous month",
  "DatePicker.screenreader.selectedDate": "{date} is selected",
  "DatePicker.screenreader.selectedEndDate": "{date} is selected as the end date",
  "DatePicker.screenreader.selectedStartDate": "{date} is selected as the start date",
  "DatePicker.todayButton": "Show today",

Note:

  • The clearButton and todayButton are not used by default.
  • DatePicker.screenreader.* are for screenreaders through aria-label attribute (accessibility feature).
    • These strings should be short (as they are spoken by voice over)
    • The "date" argument is localized date string with date formatting options: { day: 'numeric', month: 'long' } (e.g. "October 9")

Gnito avatar Sep 18 '24 12:09 Gnito