/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/base/date-picker-basic.tsx
44 строки
1 KB
shadcn
fix: refactor styles (#10190)
26 мар 2026, 13:36
Не верифицирован
26 мар 2026, 13:36
7d718dd
Код
Авторство
О чём код?
"use client" import * as React from "react" import { format } from "date-fns" import { Button } from "@/styles/base-nova/ui/button" import { Calendar } from "@/styles/base-nova/ui/calendar" import { Field, FieldLabel } from "@/styles/base-nova/ui/field" import { Popover, PopoverContent, PopoverTrigger, } from "@/styles/base-nova/ui/popover" export function DatePickerSimple() { const [date, setDate] = React.useState<Date>() return ( <Field className="mx-auto w-44"> <FieldLabel htmlFor="date-picker-simple">Date</FieldLabel> <Popover> <PopoverTrigger render={ <Button variant="outline" id="date-picker-simple" className="justify-start font-normal" /> } > {date ? format(date, "PPP") : <span>Pick a date</span>} </PopoverTrigger> <PopoverContent className="w-auto p-0" align="start"> <Calendar mode="single" selected={date} onSelect={setDate} defaultMonth={date} /> </PopoverContent> </Popover> </Field> ) }