DatePicker
显示日期的胶囊;日历使用圆形日期,今天带描边,并提供可输入 ISO 日期的字段。
<DatePicker label="Expires" defaultValue={new Date(2027, 0, 1)} />import { DatePicker, DateRangePicker, Calendar, TimeInput } from "@logicplanes/kaeso-ui";属性
aria-labelstring没有
label时为触发器命名:“过期时间”。它显示的内容(日期或占位符)成为其描述。aria-labelledbystring用这些 ID 对应的元素为触发器命名,作用同
aria-label。defaultValueDate | null首次渲染时的所选日期。
descriptionReactNode标签下方的一句帮助文字。
disabledboolean将其禁用:无法使用,并显示为变暗。
disabledDays((date: Date) => boolean)对无法选择的日期返回
true。idstring控件的 ID,便于其他位置的标签指向它。
labelReactNode可见标签。
layout"horizontal" | "vertical"标签位于控件上方(
vertical)或旁边(horizontal)。onValueChange((value: Date | null) => void)调用时传入所选日期,清除时传入
null。optionalboolean在标签后加上“可选”,用于大多数字段为必填的表单。
placeholderstring未选择日期时显示。默认为 LocaleProvider 语言中的“选择日期”(范围时为“选择范围”)。
requiredboolean在表单中将其标记为必填。
size"md" | "sm" | "lg"字段的高度。
valueDate | null受控时的所选日期。
weekStartsOn0 | 4 | 1 | 2 | 3 | 5 | 6一周的第一天,从 0(星期日)到 6(星期六);默认由语言决定。