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/accessibility

5 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 ariaLabels prop

Set the ariaLabels prop to specify aria-label attributes for next/previous controls. It accepts an object with nextDecade and previousDecade properties.

YearPicker aria-label with getYearControlProps

Use getYearControlProps to customize the aria-label attribute for year controls. Return an object with an 'aria-label' property from the function.

YearPicker keyboard interactions

The following keyboard events trigger only when focus is on a year control: ArrowRight focuses next non-disabled year, ArrowLeft focuses previous non-disabled year, ArrowDown focuses next non-disabled year in the same column, ArrowUp focuses previous non-disabled year in the same column.

YearPicker ariaLabels example

import { YearPicker } from '@mantine/dates'; function Demo() { return ( <YearPicker ariaLabels={{ nextDecade: 'Next decade', previousDecade: 'Previous decade', }} /> ); }

YearPicker getYearControlProps aria-label example

import { YearPicker } from '@mantine/dates'; function Demo() { return ( <YearPicker getYearControlProps={(date) => ({ 'aria-label': `Select year ${date.getFullYear()}`, })} /> ); }

Give your agent this brain