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

Calendar view

Month calendar for scheduled work: 6-week grid, status pills, +N more popover.

 

Mon
Tue
Wed
Thu
Fri
Sat
Sun

Click an event or a day.

Installation

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

Also adds button, popover, status-icon, use-now, utils, theme and installs lucide-react.

Usage

import { CalendarView } from "@/components/ui/calendar-view";

The Code tab above shows a complete example.

CalendarCard
On this page
PreviewInstallationUsage