DaisyDateTimelineItem

Overview

DaisyDateTimelineItem represents a single date card within the DaisyDateTimeline control. While typically auto-generated by the parent container, understanding its properties helps with custom styling and advanced scenarios.

Note: You rarely need to interact with this control directly. The parent DaisyDateTimeline creates and manages these items automatically based on the date range.

Visual Structure

Each item displays up to three text elements stacked vertically:

┌──────────┐
│   Mon    │  ← Day Name (ShowDayName)
│    10    │  ← Day Number (ShowDayNumber)  
│   Dec    │  ← Month Name (ShowMonthName)
└──────────┘

Properties

Property	Type	Description
`Date`	`DateTime`	The date this item represents
`IsSelected`	`bool`	Whether this is the currently selected date
`IsToday`	`bool`	Whether this date is today
`IsDisabled`	`bool`	Whether this date is disabled (non-interactive)
`DayName`	`string`	Formatted day name (e.g., "Mon")
`DayNumber`	`string`	Day of month as string (e.g., "15")
`MonthName`	`string`	Formatted month name (e.g., "Dec")
`ShowDayName`	`bool`	Whether to display the day name
`ShowDayNumber`	`bool`	Whether to display the day number
`ShowMonthName`	`bool`	Whether to display the month name
`ShowTodayHighlight`	`bool`	Whether to show highlight when IsToday is true

Visual States

State	Appearance
Normal	Subtle background (Base200), rounded corners
Hover	Slightly brighter background with micro-scale animation
Today	Primary-colored border when not selected
Selected	Primary fill with contrasting text
Disabled	40% opacity, no cursor change, no hover effect

← DateTimeline

Diff →