new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Mantine · all subjects

yearpicker/props

13 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

YearPicker decadeLabelFormat prop

Use decadeLabelFormat to change the dayjs format of the decade label. Supports dayjs format strings.

YearPicker allowDeselect prop

Set allowDeselect to true to allow users to deselect the currently selected date by clicking on it. When a date is deselected, onChange is called with null. The allowDeselect prop is disregarded when the type prop is 'range' or 'multiple'.

YearPicker type multiple

Set type='multiple' to allow users to pick multiple dates.

YearPicker type range

Set type='range' to allow users to pick a date range.

YearPicker allowSingleDateInRange prop

By default, it is not allowed to select a single date as a range – when the user clicks the same date a second time, it is deselected. Set allowSingleDateInRange to true to allow single date selection in range mode. This prop is ignored when type is not 'range'.

YearPicker presets prop

Use the presets prop to add custom year presets. Presets are displayed next to the calendar. For use with type='range', define the preset value as a tuple of two dates.

YearPicker defaultDate prop

Use the defaultDate prop to set the date value that will be used to determine which decade should be displayed initially. Only the year is used from the date object – month, day, minutes and seconds are ignored. If defaultDate is not specified, it defaults to new Date(). If the date prop is set, defaultDate will be ignored.

YearPicker controlled date

Set the date and onDateChange props to make the currently displayed decade controlled. This allows customization of the date picking experience, such as adding years to the current date value when the user selects the first date in a range.

YearPicker minDate and maxDate props

Set the minDate and maxDate props to define minimum and maximum dates. If the previous/next page is not available, the corresponding control will be disabled.

YearPicker getYearControlProps function

Use the getYearControlProps function to add props to year controls. It accepts a year date as a single argument, and props returned from the function will be added to the year control. It can be used to disable a specific control or add styles.

YearPicker numberOfColumns prop

Set the numberOfColumns prop to define the number of pickers that will be rendered side by side.

YearPicker fullWidth prop

Set the fullWidth prop to true to make the year picker stretch to fill 100% of its parent container width.

YearPicker yearsListFormat prop

Use yearsListFormat to change the dayjs format of the year control. Supports dayjs format strings.

Give your agent this brain