dxDigitexa UI
HomeDocsComponentsExamplesAI
Get started
Sections
IntroductionComponentsInstallationThemingCLIFor AI agentsChangelog
Examples
Workspace overviewSettings
Components
AccordionActivity feedAlertAlert dialogAvatarBadgeBreadcrumbButtonCalendarCalendar viewCardCheckboxCollapsibleComboboxCommandContext menuData tableDate pickerDialogDropdown menuEmpty stateFieldHover cardInputInput groupKanbanKbdLabelMeterPaginationPopoverPriorityProgressRadio groupScroll areaSelectSeparatorSheetSidebarSkeletonSliderSpinnerStatus iconSwitchTableTabsTask rowTextareaTimelineToastToggleToggle groupTooltip

Date picker

Input-styled trigger that opens a calendar popover; single date and range pickers.

Weekends are unavailable.

Installation

$ curl -fsSL https://ui.digitexa.com/dx.mjs | node --input-type=module - add date-picker

Also adds calendar, input, popover, utils, theme and installs lucide-react.

Usage

import { DatePicker, DateRangePicker } from "@/components/ui/date-picker";

The Code tab above shows a complete example.

Data tableDialog
On this page
PreviewInstallationUsage