Line Calendar
A compact calendar component that displays dates in a horizontally scrollable line, ideal for date selection in limited space.
Hold Shift while scrolling to navigate through dates on desktop and web.
Preview
CLI
To generate and customize this style:
dart run forui style create line-calendar Usage
FLineCalendar(...)
FLineCalendar(
controller: FCalendarController.date(),
style: FLineCalendarStyle(...),
initialScrollAlignment: AlignmentDirectional.center,
physics: const AlwaysScrollableScrollPhysics(),
cacheExtent: 100,
keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
builder: (context, data, child) => child!,
onChange: (date) => print('Selected date: $date'),
toggleable: true,
start: DateTime(1900),
end: DateTime(2050),
initialScroll: DateTime.now(),
initialSelection: DateTime.now(),
today: DateTime.now(),
);Last updated on