@ark-ui/solid/dist/components/date-picker/index.d.ts

A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.

import * as datePicker$1 from '@zag-js/date-picker';
import { InputProps, PresetTriggerProps, DateValue, TableProps, DayTableCellProps, TableCellProps, ViewProps, DateRangePreset, DateView, FocusChangeDetails, OpenChangeDetails, SelectionMode, ValueChangeDetails, ViewChangeDetails, VisibleRangeChangeDetails } from '@zag-js/date-picker';
export { DateRangePreset as DatePickerDateRangePreset, DateView as DatePickerDateView, FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, SelectionMode as DatePickerSelectionMode, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, VisibleRangeChangeDetails as DatePickerVisibleRangeChangeDetails, DateValue, parse as parseDate } from '@zag-js/date-picker';
import * as solid_js from 'solid-js';
import { Accessor, JSX } from 'solid-js';
import { HTMLProps, PolymorphicProps } from '../factory.js';
import { PropTypes } from '@zag-js/solid';
import { O as Optional, M as MaybeAccessor, A as Assign } from '../../types-Sr_80hg9.js';
import { U as UsePresenceProps } from '../../use-presence-DsfHkUSW.js';
export { d as datePickerAnatomy } from '../../date-picker.anatomy-DMDOrz3v.js';
import '@zag-js/presence';
import '../../render-strategy-B5MqQP3X.js';
import '@zag-js/anatomy';

interface DatePickerClearTriggerBaseProps extends PolymorphicProps<'button'> {
}
interface DatePickerClearTriggerProps extends HTMLProps<'button'>, DatePickerClearTriggerBaseProps {
}
declare const DatePickerClearTrigger: (props: DatePickerClearTriggerProps) => solid_js.JSX.Element;

interface DatePickerContentBaseProps extends PolymorphicProps<'div'> {
}
interface DatePickerContentProps extends HTMLProps<'div'>, DatePickerContentBaseProps {
}
declare const DatePickerContent: (props: DatePickerContentProps) => solid_js.JSX.Element;

interface UseDatePickerProps extends Optional<Omit<datePicker$1.Props, 'dir' | 'getRootNode'>, 'id'> {
}
interface UseDatePickerReturn extends Accessor<datePicker$1.Api<PropTypes>> {
}
declare const useDatePicker: (props?: MaybeAccessor<UseDatePickerProps>) => UseDatePickerReturn;

interface UseDatePickerContext extends UseDatePickerReturn {
}
declare const useDatePickerContext: () => UseDatePickerContext;

interface DatePickerContextProps {
    children: (context: UseDatePickerContext) => JSX.Element;
}
declare const DatePickerContext: (props: DatePickerContextProps) => JSX.Element;

interface DatePickerControlBaseProps extends PolymorphicProps<'div'> {
}
interface DatePickerControlProps extends HTMLProps<'div'>, DatePickerControlBaseProps {
}
declare const DatePickerControl: (props: DatePickerControlProps) => solid_js.JSX.Element;

interface DatePickerInputBaseProps extends InputProps, PolymorphicProps<'input'> {
}
interface DatePickerInputProps extends HTMLProps<'input'>, DatePickerInputBaseProps {
}
declare const DatePickerInput: (props: DatePickerInputProps) => solid_js.JSX.Element;

interface DatePickerLabelBaseProps extends PolymorphicProps<'label'> {
}
interface DatePickerLabelProps extends HTMLProps<'label'>, DatePickerLabelBaseProps {
}
declare const DatePickerLabel: (props: DatePickerLabelProps) => solid_js.JSX.Element;

interface DatePickerMonthSelectBaseProps extends PolymorphicProps<'select'> {
}
interface DatePickerMonthSelectProps extends HTMLProps<'select'>, DatePickerMonthSelectBaseProps {
}
declare const DatePickerMonthSelect: (props: DatePickerMonthSelectProps) => solid_js.JSX.Element;

interface DatePickerNextTriggerBaseProps extends PolymorphicProps<'button'> {
}
interface DatePickerNextTriggerProps extends HTMLProps<'button'>, DatePickerNextTriggerBaseProps {
}
declare const DatePickerNextTrigger: (props: DatePickerNextTriggerProps) => solid_js.JSX.Element;

interface DatePickerPositionerBaseProps extends PolymorphicProps<'div'> {
}
interface DatePickerPositionerProps extends HTMLProps<'div'>, DatePickerPositionerBaseProps {
}
declare const DatePickerPositioner: (props: DatePickerPositionerProps) => solid_js.JSX.Element;

interface DatePickerPresetTriggerBaseProps extends PresetTriggerProps, PolymorphicProps<'button'> {
}
interface DatePickerPresetTriggerProps extends Assign<HTMLProps<'button'>, DatePickerPresetTriggerBaseProps> {
}
declare const DatePickerPresetTrigger: (props: DatePickerPresetTriggerProps) => solid_js.JSX.Element;

interface DatePickerPrevTriggerBaseProps extends PolymorphicProps<'button'> {
}
interface DatePickerPrevTriggerProps extends HTMLProps<'button'>, DatePickerPrevTriggerBaseProps {
}
declare const DatePickerPrevTrigger: (props: DatePickerPrevTriggerProps) => solid_js.JSX.Element;

interface DatePickerRangeTextBaseProps extends PolymorphicProps<'div'> {
}
interface DatePickerRangeTextProps extends HTMLProps<'div'>, DatePickerRangeTextBaseProps {
}
declare const DatePickerRangeText: (props: DatePickerRangeTextProps) => solid_js.JSX.Element;

interface DatePickerValueTextRenderProps {
    value: DateValue;
    index: number;
    valueAsString: string;
    remove: () => void;
}
interface DatePickerValueTextBaseProps extends PolymorphicProps<'span'> {
    /**
     * Text to display when no date is selected.
     */
    placeholder?: string | undefined;
    /**
     * A function to render each selected date value.
     * When provided, each date in the selection will be rendered using this function.
     */
    children?: ((props: DatePickerValueTextRenderProps) => JSX.Element) | undefined;
    /**
     * The separator to use between multiple date values when using default rendering.
     * @default ", "
     */
    separator?: string | undefined;
}
interface DatePickerValueTextProps extends Assign<HTMLProps<'span'>, DatePickerValueTextBaseProps> {
}
declare const DatePickerValueText: (props: DatePickerValueTextProps) => JSX.Element;

interface DatePickerRootBaseProps extends UseDatePickerProps, UsePresenceProps, PolymorphicProps<'div'> {
}
interface DatePickerRootProps extends HTMLProps<'div'>, DatePickerRootBaseProps {
}
declare const DatePickerRoot: (props: DatePickerRootProps) => solid_js.JSX.Element;

interface RootProviderProps {
    value: UseDatePickerReturn;
}
interface DatePickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps<'div'> {
}
interface DatePickerRootProviderProps extends HTMLProps<'div'>, DatePickerRootProviderBaseProps {
}
declare const DatePickerRootProvider: (props: DatePickerRootProviderProps) => solid_js.JSX.Element;

interface DatePickerTableBaseProps extends Pick<TableProps, 'columns'>, PolymorphicProps<'table'> {
}
interface DatePickerTableProps extends HTMLProps<'table'>, DatePickerTableBaseProps {
}
declare const DatePickerTable: (props: DatePickerTableProps) => solid_js.JSX.Element;

interface DatePickerTableBodyBaseProps extends PolymorphicProps<'tbody'> {
}
interface DatePickerTableBodyProps extends HTMLProps<'tbody'>, DatePickerTableBodyBaseProps {
}
declare const DatePickerTableBody: (props: DatePickerTableBodyProps) => solid_js.JSX.Element;

type Union<T, U> = {
    [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K];
} & Omit<U, keyof T>;
type CellProps = Union<DayTableCellProps, TableCellProps>;
interface UseDatePickerTableCellContext extends CellProps {
}

interface DatePickerTableCellBaseProps extends UseDatePickerTableCellContext, PolymorphicProps<'td'> {
}
interface DatePickerTableCellProps extends HTMLProps<'td'>, DatePickerTableCellBaseProps {
}
declare const DatePickerTableCell: (props: DatePickerTableCellProps) => solid_js.JSX.Element;

interface DatePickerTableCellTriggerBaseProps extends PolymorphicProps<'div'> {
}
interface DatePickerTableCellTriggerProps extends HTMLProps<'div'>, DatePickerTableCellTriggerBaseProps {
}
declare const DatePickerTableCellTrigger: (props: DatePickerTableCellTriggerProps) => solid_js.JSX.Element;

interface DatePickerTableHeadBaseProps extends PolymorphicProps<'thead'> {
}
interface DatePickerTableHeadProps extends HTMLProps<'thead'>, DatePickerTableHeadBaseProps {
}
declare const DatePickerTableHead: (props: DatePickerTableHeadProps) => solid_js.JSX.Element;

interface DatePickerTableHeaderBaseProps extends PolymorphicProps<'th'> {
}
interface DatePickerTableHeaderProps extends HTMLProps<'th'>, DatePickerTableHeaderBaseProps {
}
declare const DatePickerTableHeader: (props: DatePickerTableHeaderProps) => solid_js.JSX.Element;

interface DatePickerTableRowBaseProps extends PolymorphicProps<'tr'> {
}
interface DatePickerTableRowProps extends HTMLProps<'tr'>, DatePickerTableRowBaseProps {
}
declare const DatePickerTableRow: (props: DatePickerTableRowProps) => solid_js.JSX.Element;

interface DatePickerTriggerBaseProps extends PolymorphicProps<'button'> {
}
interface DatePickerTriggerProps extends HTMLProps<'button'>, DatePickerTriggerBaseProps {
}
declare const DatePickerTrigger: (props: DatePickerTriggerProps) => solid_js.JSX.Element;

interface DatePickerViewBaseProps extends Required<ViewProps>, PolymorphicProps<'div'> {
}
interface DatePickerViewProps extends HTMLProps<'div'>, DatePickerViewBaseProps {
}
declare const DatePickerView: (props: DatePickerViewProps) => solid_js.JSX.Element;

interface DatePickerViewControlBaseProps extends PolymorphicProps<'div'> {
}
interface DatePickerViewControlProps extends HTMLProps<'div'>, DatePickerViewControlBaseProps {
}
declare const DatePickerViewControl: (props: DatePickerViewControlProps) => solid_js.JSX.Element;

interface DatePickerViewTriggerBaseProps extends PolymorphicProps<'button'> {
}
interface DatePickerViewTriggerProps extends HTMLProps<'button'>, DatePickerViewTriggerBaseProps {
}
declare const DatePickerViewTrigger: (props: DatePickerViewTriggerProps) => solid_js.JSX.Element;

interface DatePickerWeekNumberCellBaseProps extends PolymorphicProps<'td'> {
    weekIndex: number;
    week: DateValue[];
}
interface DatePickerWeekNumberCellProps extends HTMLProps<'td'>, DatePickerWeekNumberCellBaseProps {
    children?: JSX.Element;
}
declare const DatePickerWeekNumberCell: (props: DatePickerWeekNumberCellProps) => JSX.Element;

interface DatePickerWeekNumberHeaderCellBaseProps extends PolymorphicProps<'th'> {
}
interface DatePickerWeekNumberHeaderCellProps extends HTMLProps<'th'>, DatePickerWeekNumberHeaderCellBaseProps {
}
declare const DatePickerWeekNumberHeaderCell: (props: DatePickerWeekNumberHeaderCellProps) => solid_js.JSX.Element;

interface DatePickerYearSelectBaseProps extends PolymorphicProps<'select'> {
}
interface DatePickerYearSelectProps extends HTMLProps<'select'>, DatePickerYearSelectBaseProps {
}
declare const DatePickerYearSelect: (props: DatePickerYearSelectProps) => solid_js.JSX.Element;

declare const datePicker_DateRangePreset: typeof DateRangePreset;
declare const datePicker_DateValue: typeof DateValue;
declare const datePicker_DateView: typeof DateView;
declare const datePicker_FocusChangeDetails: typeof FocusChangeDetails;
declare const datePicker_OpenChangeDetails: typeof OpenChangeDetails;
declare const datePicker_SelectionMode: typeof SelectionMode;
declare const datePicker_ValueChangeDetails: typeof ValueChangeDetails;
declare const datePicker_ViewChangeDetails: typeof ViewChangeDetails;
declare const datePicker_VisibleRangeChangeDetails: typeof VisibleRangeChangeDetails;
declare namespace datePicker {
  export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, DatePickerContext as Context, type DatePickerContextProps as ContextProps, DatePickerControl as Control, type DatePickerControlBaseProps as ControlBaseProps, type DatePickerControlProps as ControlProps, datePicker_DateRangePreset as DateRangePreset, datePicker_DateValue as DateValue, datePicker_DateView as DateView, datePicker_FocusChangeDetails as FocusChangeDetails, DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, DatePickerLabel as Label, type DatePickerLabelBaseProps as LabelBaseProps, type DatePickerLabelProps as LabelProps, DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, type DatePickerMonthSelectProps as MonthSelectProps, DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, type DatePickerNextTriggerProps as NextTriggerProps, datePicker_OpenChangeDetails as OpenChangeDetails, DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps as PositionerBaseProps, type DatePickerPositionerProps as PositionerProps, DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, datePicker_SelectionMode as SelectionMode, DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, DatePickerTableBody as TableBody, type DatePickerTableBodyBaseProps as TableBodyBaseProps, type DatePickerTableBodyProps as TableBodyProps, DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as TableCellBaseProps, type DatePickerTableCellProps as TableCellProps, DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, type DatePickerTableCellTriggerProps as TableCellTriggerProps, DatePickerTableHead as TableHead, type DatePickerTableHeadBaseProps as TableHeadBaseProps, type DatePickerTableHeadProps as TableHeadProps, DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, type DatePickerTableHeaderProps as TableHeaderProps, type DatePickerTableProps as TableProps, DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, datePicker_ValueChangeDetails as ValueChangeDetails, DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, datePicker_ViewChangeDetails as ViewChangeDetails, DatePickerViewControl as ViewControl, type DatePickerViewControlBaseProps as ViewControlBaseProps, type DatePickerViewControlProps as ViewControlProps, type DatePickerViewProps as ViewProps, DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, type DatePickerViewTriggerProps as ViewTriggerProps, datePicker_VisibleRangeChangeDetails as VisibleRangeChangeDetails, DatePickerWeekNumberCell as WeekNumberCell, type DatePickerWeekNumberCellBaseProps as WeekNumberCellBaseProps, type DatePickerWeekNumberCellProps as WeekNumberCellProps, DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps as WeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps as WeekNumberHeaderCellProps, DatePickerYearSelect as YearSelect, type DatePickerYearSelectBaseProps as YearSelectBaseProps, type DatePickerYearSelectProps as YearSelectProps };
}

export { datePicker as DatePicker, DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, DatePickerContext, type DatePickerContextProps, DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps, DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps, DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps, DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePickerPositionerProps, DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps, DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, DatePickerTable, type DatePickerTableBaseProps, DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, type DatePickerTableProps, DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, DatePickerView, type DatePickerViewBaseProps, DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, type DatePickerViewProps, DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, DatePickerWeekNumberCell, type DatePickerWeekNumberCellBaseProps, type DatePickerWeekNumberCellProps, DatePickerWeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps, DatePickerYearSelect, type DatePickerYearSelectBaseProps, type DatePickerYearSelectProps, type UseDatePickerContext, type UseDatePickerProps, type UseDatePickerReturn, useDatePicker, useDatePickerContext };