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

date-picker/usage

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

React DayPicker documentation reference

For more information about the Calendar component used in Date Picker, see the React DayPicker documentation at https://react-day-picker.js.org.

Date Picker basic usage example

Basic date picker implementation: ```tsx "use client" import * as React from "react" import { format } from "date-fns" import { Calendar as CalendarIcon } from "lucide-react" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" import { Calendar } from "@/components/ui/calendar" import { Popover, PopoverContent, PopoverTrigger, } from "@/components/ui/popover" export function DatePickerDemo() { const [date, setDate] = React.useState<Date>() return ( <Popover> <PopoverTrigger asChild> <Button variant="outline" data-empty={!date} className="w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground" > <CalendarIcon /> {date ? format(date, "PPP") : <span>Pick a date</span>} </Button> </PopoverTrigger> <PopoverContent className="w-auto p-0"> <Calendar mode="single" selected={date} onSelect={setDate} /> </PopoverContent> </Popover> ) } ``` This example shows a date picker with a button trigger that displays the selected date formatted with date-fns, a calendar icon from lucide-react, and placeholder text when no date is selected.

Date Picker uses React DayPicker library

The Date Picker component uses React DayPicker library for calendar functionality. For more information about calendar options and props, see the React DayPicker documentation at https://react-day-picker.js.org.

Give your agent this brain