Date Picker

Calendar popup for selecting dates.

Paquete: @solidiom/date-picker
Versión: 0.0.1-next.0
Estado: stable

Generado a partir del código fuente público del paquete.

API

`Calendar`componente

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

                        Calendar(props: DatePickerCalendarProps): Element

Propiedades

class?: string

hijos: Element

Ver código fuente

`CalendarDateMathPort`interfaz

Adapter port for date math operations. Consumers inject an implementation (e.g. @solidiom/adapter-date-internationalized). A fallback is provided for basic Gregorian calendar math.

Ver código fuente

`Cell`componente

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

                        Cell(props: DatePickerCellProps): Element

Propiedades

class?: string
day: number

Ver código fuente

`Content`componente

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

                        Content(props: DatePickerContentProps): Element

Propiedades

class?: string
ref?: (el: HTMLDivElement) => void
style?: string | CSSProperties

hijos: Element

Ver código fuente

`DatePickerCalendarProps`interfaz

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

Propiedades

class?: string

hijos: Element

Ver código fuente

`DatePickerCellProps`interfaz

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

Propiedades

class?: string
day: number

Ver código fuente

`DatePickerContentProps`interfaz

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

Propiedades

class?: string
ref?: (el: HTMLDivElement) => void
style?: string | CSSProperties

hijos: Element

Ver código fuente

`DatePickerContextValue`interfaz

Propiedades

contentId: string
dateMath: CalendarDateMathPort
focusedDate: Accessor<DateValue>
formatDate: (date: DateValue) => string
inputId: string
isDateDisabled: (date: DateValue) => boolean
open: Accessor<boolean>
phase: Accessor<PresencePhase>
present: Accessor<boolean>
requestOpenChange: (next: boolean, details: ChangeDetails<DisclosureReason>) => void
setFocusedDate: (date: DateValue) => void
setValue: (date: DateValue | undefined) => void
setViewingMonth: (date: DateValue) => void
triggerId: string
value: Accessor<DateValue | undefined>
viewingMonth: Accessor<DateValue>

Ver código fuente

`DatePickerGridProps`interfaz

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

Propiedades

class?: string
weekStartsOn?: number

hijos: (weeks: Accessor<number[][]>) => Element

Ver código fuente

`DatePickerHeaderProps`interfaz

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

Propiedades

class?: string

hijos: Element

Ver código fuente

`DatePickerInputProps`interfaz

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

Propiedades

class?: string
placeholder?: string
ref?: (el: HTMLInputElement) => void

Ver código fuente

`DatePickerRootProps`interfaz

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

Propiedades

dateMath?: CalendarDateMathPort
defaultOpen?: boolean
defaultValue?: DateValue
formatDate?: (date: DateValue) => string
isDateDisabled?: (date: DateValue) => boolean
onOpenChange?: (open: boolean, details: ChangeDetails<DisclosureReason>) => void
onValueChange?: (value: DateValue | undefined) => void
open?: Accessor<boolean>
value?: Accessor<DateValue | undefined>

hijos: Element

Ver código fuente

`DatePickerTriggerProps`interfaz

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

Propiedades

ref?: (el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

`DateValue`interfaz

A calendar date value (year/month/day).

Propiedades

day: number
month: number
year: number

Ver código fuente

`Grid`componente

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

                        Grid(props: DatePickerGridProps): Element

Propiedades

class?: string
weekStartsOn?: number

hijos: (weeks: Accessor<number[][]>) => Element

Ver código fuente

`Header`componente

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

                        Header(props: DatePickerHeaderProps): Element

Propiedades

class?: string

hijos: Element

Ver código fuente

`Input`componente

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

                        Input(props: DatePickerInputProps): Element

Propiedades

class?: string
placeholder?: string
ref?: (el: HTMLInputElement) => void

Ver código fuente

`Root`componente

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

                        Root(props: DatePickerRootProps): Element

Propiedades

dateMath?: CalendarDateMathPort
defaultOpen?: boolean
defaultValue?: DateValue
formatDate?: (date: DateValue) => string
isDateDisabled?: (date: DateValue) => boolean
onOpenChange?: (open: boolean, details: ChangeDetails<DisclosureReason>) => void
onValueChange?: (value: DateValue | undefined) => void
open?: Accessor<boolean>
value?: Accessor<DateValue | undefined>

hijos: Element

Ver código fuente

`Trigger`componente

@solidiom/date-picker — Headless date picker primitive with calendar popup. Parts: Root, Input, Trigger, Content, Calendar, Header, Grid, Cell.

                        Trigger(props: DatePickerTriggerProps): Element

Propiedades

ref?: (el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

API

#Calendarcomponente

Propiedades

#CalendarDateMathPortinterfaz

#Cellcomponente

Propiedades

#Contentcomponente

Propiedades

#DatePickerCalendarPropsinterfaz

Propiedades

#DatePickerCellPropsinterfaz

Propiedades

#DatePickerContentPropsinterfaz

Propiedades

#DatePickerContextValueinterfaz

Propiedades

#DatePickerGridPropsinterfaz

Propiedades

#DatePickerHeaderPropsinterfaz

Propiedades

#DatePickerInputPropsinterfaz

Propiedades

#DatePickerRootPropsinterfaz

Propiedades

#DatePickerTriggerPropsinterfaz

Propiedades

#DateValueinterfaz

Propiedades

#Gridcomponente

Propiedades

#Headercomponente

Propiedades

#Inputcomponente

Propiedades

#Rootcomponente

Propiedades

#Triggercomponente

Propiedades

`Calendar`componente

`CalendarDateMathPort`interfaz

`Cell`componente

`Content`componente

`DatePickerCalendarProps`interfaz

`DatePickerCellProps`interfaz

`DatePickerContentProps`interfaz

`DatePickerContextValue`interfaz

`DatePickerGridProps`interfaz

`DatePickerHeaderProps`interfaz

`DatePickerInputProps`interfaz

`DatePickerRootProps`interfaz

`DatePickerTriggerProps`interfaz

`DateValue`interfaz

`Grid`componente

`Header`componente

`Input`componente

`Root`componente

`Trigger`componente