BetaBeta pública — Consulta las notas de lanzamiento
Solidiom
Comenzar
Documentación

Calendar

Date selection with day/month/year views.

Paquete
@solidiom/calendar
Versión
0.0.1-next.0
Estado
stable

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

API

CalendarCellPropsinterfaz

Props for Calendar Cell.

Propiedades

day
number

hijos: Element

Ver código fuente

CalendarContextValueinterfaz

Context shape shared among all calendar parts.

Propiedades

dateMath
CalendarDateMathPort — The date math port.
focusedDate
Accessor<DateValue> — The currently focused date (for keyboard navigation).
focusedMonth
Accessor<DateValue> — The currently displayed month (for grid rendering).
isDateDisabled
(date: DateValue) => boolean — Check if a date is disabled.
isToday
(date: DateValue) => boolean — Check if a date is today.
nextMonth
() => void — Navigate to next month.
prevMonth
() => void — Navigate to previous month.
selectDate
(date: DateValue) => void — Select a date.
selectedDate
Accessor<DateValue | undefined> — The selected date(s).
setFocusedDate
(date: DateValue) => void — Set focused date (for keyboard nav).
weekStartsOn
number — Week start day (0=Sun, 1=Mon).

Ver código fuente

CalendarDateMathPortinterfaz

Port interface for date math operations.

Ver código fuente

CalendarGridPropsinterfaz

Props for Calendar Grid.

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

Ver código fuente

CalendarHeaderPropsinterfaz

Props for the Calendar Header.

hijos: Element

Ver código fuente

CalendarNextButtonPropsinterfaz

Props for Calendar NextButton.

hijos: Element

Ver código fuente

CalendarPrevButtonPropsinterfaz

Props for Calendar PrevButton.

hijos: Element

Ver código fuente

CalendarRootPropsinterfaz

Props for the Calendar Root component.

Propiedades

class?
string
dateMath?
CalendarDateMathPort
defaultValue?
DateValue
isDateDisabled?
(date: DateValue) => boolean
onValueChange?
(date: DateValue) => void
value?
Accessor<DateValue | undefined>
weekStartsOn?
number

hijos: Element

Ver código fuente

CalendarTitlePropsinterfaz

Props for Calendar Title.

hijos: Element

Ver código fuente

Cellcomponente

@solidiom/calendar — Headless calendar primitive. Parts: Root, Header, PrevButton, Title, NextButton, Grid, Cell. Supports month navigation, keyboard nav, date selection, disabled dates, today highlighting. Also exports RangeCalendar — a range-selection variant with start/end/restart semantics.

                        Cell(props: CalendarCellProps): Element

Propiedades

day
number

hijos: Element

Ver código fuente

DateValueinterfaz

A date value with year, month (1-12), and day (1-31).

Propiedades

day
number
month
number
year
number

Ver código fuente

gregorianDateMathvariable

Default Gregorian date math implementation. No external dependencies.

Ver código fuente

Gridcomponente

@solidiom/calendar — Headless calendar primitive. Parts: Root, Header, PrevButton, Title, NextButton, Grid, Cell. Supports month navigation, keyboard nav, date selection, disabled dates, today highlighting. Also exports RangeCalendar — a range-selection variant with start/end/restart semantics.

                        Grid(props: CalendarGridProps): Element

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

Ver código fuente

Headercomponente

@solidiom/calendar — Headless calendar primitive. Parts: Root, Header, PrevButton, Title, NextButton, Grid, Cell. Supports month navigation, keyboard nav, date selection, disabled dates, today highlighting. Also exports RangeCalendar — a range-selection variant with start/end/restart semantics.

                        Header(props: CalendarHeaderProps): Element

hijos: Element

Ver código fuente

NextButtoncomponente

@solidiom/calendar — Headless calendar primitive. Parts: Root, Header, PrevButton, Title, NextButton, Grid, Cell. Supports month navigation, keyboard nav, date selection, disabled dates, today highlighting. Also exports RangeCalendar — a range-selection variant with start/end/restart semantics.

                        NextButton(props: CalendarNextButtonProps): Element

hijos: Element

Ver código fuente

PrevButtoncomponente

@solidiom/calendar — Headless calendar primitive. Parts: Root, Header, PrevButton, Title, NextButton, Grid, Cell. Supports month navigation, keyboard nav, date selection, disabled dates, today highlighting. Also exports RangeCalendar — a range-selection variant with start/end/restart semantics.

                        PrevButton(props: CalendarPrevButtonProps): Element

hijos: Element

Ver código fuente

RangeCalendarCellPropsinterfaz

Props for RangeCalendar Cell.

Propiedades

day
number

hijos: Element

Ver código fuente

RangeCalendarContextValueinterfaz

Context shape shared among all RangeCalendar parts.

Propiedades

dateMath
CalendarDateMathPort — The date math port.
dir
Accessor<"ltr" | "rtl"> — Text direction for RTL support.
focusedDate
Accessor<DateValue> — The currently focused date (for keyboard navigation).
focusedMonth
Accessor<DateValue> — The currently displayed month (for grid rendering).
highlightedEnd
Accessor<DateValue | undefined> — The date currently being hovered/focused during an in-progress selection (start chosen, end not yet committed). Used for visual highlight preview.
isDateDisabled
(date: DateValue) => boolean — Check if a date is disabled.
isInRange
(date: DateValue) => boolean — Check if a date is within the current range (inclusive).
isRangeEnd
(date: DateValue) => boolean — Check if a date is the range end.
isRangeStart
(date: DateValue) => boolean — Check if a date is the range start.
isSelecting
Accessor<boolean> — Whether a range selection is in progress (start chosen, awaiting end).
isToday
(date: DateValue) => boolean — Check if a date is today.
nextMonth
() => void — Navigate to next month.
prevMonth
() => void — Navigate to previous month.
rangeValue
Accessor<RangeValue | undefined> — The current range selection.
selectDate
(date: DateValue) => void — Handle a date click/select: start → end → restart cycle.
setFocusedDate
(date: DateValue) => void — Set focused date (for keyboard nav).
setHighlightedEnd
(date: DateValue | undefined) => void — Set the highlighted end (hover preview).
weekStartsOn
number — Week start day (0=Sun, 1=Mon).

Ver código fuente

RangeCalendarGridPropsinterfaz

Props for RangeCalendar Grid.

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

Ver código fuente

RangeCalendarHeaderPropsinterfaz

Props for the RangeCalendar Header.

hijos: Element

Ver código fuente

RangeCalendarNextButtonPropsinterfaz

Props for RangeCalendar NextButton.

hijos: Element

Ver código fuente

RangeCalendarPrevButtonPropsinterfaz

Props for RangeCalendar PrevButton.

hijos: Element

Ver código fuente

RangeCalendarRootPropsinterfaz

Props for the RangeCalendar Root component.

Propiedades

class?
string
dateMath?
CalendarDateMathPort
defaultValue?
RangeValue
dir?
"ltr" | "rtl"
isDateDisabled?
(date: DateValue) => boolean
onValueChange?
(range: RangeValue) => void
value?
Accessor<RangeValue | undefined>
weekStartsOn?
number

hijos: Element

Ver código fuente

RangeCalendarTitlePropsinterfaz

Props for RangeCalendar Title.

hijos: Element

Ver código fuente

RangeCellcomponente

                        RangeCell(props: RangeCalendarCellProps): Element

Propiedades

day
number

hijos: Element

Ver código fuente

RangeGridcomponente

                        RangeGrid(props: RangeCalendarGridProps): Element

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

Ver código fuente

RangeHeadercomponente

                        RangeHeader(props: RangeCalendarHeaderProps): Element

hijos: Element

Ver código fuente

RangeNextButtoncomponente

                        RangeNextButton(props: RangeCalendarNextButtonProps): Element

hijos: Element

Ver código fuente

RangePrevButtoncomponente

                        RangePrevButton(props: RangeCalendarPrevButtonProps): Element

hijos: Element

Ver código fuente

RangeRootcomponente

                        RangeRoot(props: RangeCalendarRootProps): Element

Propiedades

class?
string
dateMath?
CalendarDateMathPort
defaultValue?
RangeValue
dir?
"ltr" | "rtl"
isDateDisabled?
(date: DateValue) => boolean
onValueChange?
(range: RangeValue) => void
value?
Accessor<RangeValue | undefined>
weekStartsOn?
number

hijos: Element

Ver código fuente

RangeTitlecomponente

                        RangeTitle(props: RangeCalendarTitleProps): Element

hijos: Element

Ver código fuente

RangeValueinterfaz

A range value with a start date and an optional end date.

Propiedades

end?
DateValue
start
DateValue

Ver código fuente

Rootcomponente

@solidiom/calendar — Headless calendar primitive. Parts: Root, Header, PrevButton, Title, NextButton, Grid, Cell. Supports month navigation, keyboard nav, date selection, disabled dates, today highlighting. Also exports RangeCalendar — a range-selection variant with start/end/restart semantics.

                        Root(props: CalendarRootProps): Element

Propiedades

class?
string
dateMath?
CalendarDateMathPort
defaultValue?
DateValue
isDateDisabled?
(date: DateValue) => boolean
onValueChange?
(date: DateValue) => void
value?
Accessor<DateValue | undefined>
weekStartsOn?
number

hijos: Element

Ver código fuente

Titlecomponente

@solidiom/calendar — Headless calendar primitive. Parts: Root, Header, PrevButton, Title, NextButton, Grid, Cell. Supports month navigation, keyboard nav, date selection, disabled dates, today highlighting. Also exports RangeCalendar — a range-selection variant with start/end/restart semantics.

                        Title(props: CalendarTitleProps): Element

hijos: Element

Ver código fuente

useCalendarContextcontexto

                        useCalendarContext(): CalendarContextValue

Ver código fuente

useRangeCalendarContextcontexto

                        useRangeCalendarContext(): RangeCalendarContextValue

Ver código fuente