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

Calendar

Ejemplo básico de calendar demostrando el comportamiento principal.

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

Ejemplos

import * as Calendar from "@solidiom/calendar"

;<Calendar.Root>Contenido de Calendar</Calendar.Root>
August 2026
0000001
2345678
9101112131415
16171819202122
23242526272829
303100000
Ver código fuente
        /**
 * @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.
 *
 * @example
 * ```tsx
 * import * as Calendar from "@solidiom/calendar"
 *
 * <Calendar.Root onValueChange={(d) => console.log(d)}>
 *   <Calendar.Header>
 *     <Calendar.PrevButton />
 *     <Calendar.Title />
 *     <Calendar.NextButton />
 *   </Calendar.Header>
 *   <Calendar.Grid>
 *     {(weeks) => weeks.map((week) => (
 *       <tr>{week.map((day) => day > 0 ? <Calendar.Cell day={day} /> : <td />)}</tr>
 *     ))}
 *   </Calendar.Grid>
 * </Calendar.Root>
 * ```
 */

export {
  Root,
  Header,
  PrevButton,
  Title,
  NextButton,
  Grid,
  Cell,
  gregorianDateMath,
} from "./calendar"
export type {
  CalendarRootProps,
  CalendarHeaderProps,
  CalendarPrevButtonProps,
  CalendarTitleProps,
  CalendarNextButtonProps,
  CalendarGridProps,
  CalendarCellProps,
} from "./calendar"
export {
  useCalendarContext,
  type CalendarContextValue,
  type DateValue,
  type CalendarDateMathPort,
} from "./calendar-context"

// ─── RangeCalendar ─────────────────────────────────────────────────────────────

export {
  RangeRoot,
  RangeHeader,
  RangePrevButton,
  RangeTitle,
  RangeNextButton,
  RangeGrid,
  RangeCell,
} from "./range-calendar"
export type {
  RangeCalendarRootProps,
  RangeCalendarHeaderProps,
  RangeCalendarPrevButtonProps,
  RangeCalendarTitleProps,
  RangeCalendarNextButtonProps,
  RangeCalendarGridProps,
  RangeCalendarCellProps,
} from "./range-calendar"
export {
  useRangeCalendarContext,
  type RangeCalendarContextValue,
  type RangeValue,
} from "./range-calendar-context"