v0.162.0
Minor Changes
-
#1317
1394b033Thanks @tenphi! - Calendar: pick a month or a year from a list instead of paging with arrows.Calendar/RangeCalendar(and thereforeDatePicker,DateRangePicker
andDateRangeSeparatedPicker) now render the header month and year as
buttons that open a month list and a year list. Opt out with
hasMonthYearNavigation={false}.MonthPickerandQuarterPickergained the same year list behind the year in
their header.- The period panels are now proper ARIA grids with full keyboard support: arrow
keys roll over into the neighbouring year or decade,PageUp/PageDownpage
by year or decade,Home/Endjump to the first or last selectable period,
andEscapesteps back one panel instead of closing the popover. - Day and period cells mark the cell containing today with a
currentmodifier,
and periods are disabled only when the whole period falls outside
minValue/maxValue. PeriodPickerno longer duplicates the field's label props onto its value
text, describes its trigger with the selected value, honoursisReadOnly, and
truncates overlong customformatValueoutput. Its placeholders and the new
calendar labels are translated in all twelve locales.Calendarpassed its ref through without attaching it to the DOM; it now does.Popover(everyDialogTrigger type="popover", so alsoSelect-style
fields, menus and the date pickers) only became keyboard-dismissable once its
enter animation had settled, because it registered with React Aria's
visible-overlay stack on the transition'sisOpenrather than the trigger's.
Escapepressed in the first frames after opening did nothing; it now closes
the popover immediately.