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

shadcn/ui · Components · all subjects

calendar/props

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

Calendar month and year dropdown selector

Set captionLayout="dropdown" on the Calendar component to display month and year dropdown selectors.

Calendar timeZone prop for timezone handling

The Calendar component accepts a timeZone prop to ensure dates are displayed and selected in the user's local timezone. If you notice a selected date offset (for example, selecting the 20th highlights the 19th), make sure the timeZone prop is set to the user's local timezone. The timezone should be detected using Intl.DateTimeFormat().resolvedOptions().timeZone inside a useEffect to ensure compatibility with server-side rendering, as detecting timezone during render would cause hydration mismatches.

Calendar month and year selector with dropdown

To show month and year dropdowns in the Calendar component, use the captionLayout="dropdown" prop.

Calendar custom cell size with CSS variable

You can customize the size of calendar cells using the --cell-size CSS variable. This can be set to either Tailwind spacing values like [--cell-size:--spacing(11)] or fixed values like [--cell-size:2.75rem]. You can make it responsive by using breakpoint-specific values, for example: className="rounded-lg border [--cell-size:--spacing(11)] md:[--cell-size:--spacing(12)]"

Give your agent this brain