nifty_range_picker

Description:

nifty range picker

Range Picker #
The range picker is a simple component that allows you to select a range of dates. It is a simple
component that is easy to use and can be customized to fit your needs.
Getting Started #
To use this plugin, add nifty_range_picker as a dependency in your pubspec.yaml file.
Usage #

NiftyRangeDatePicker(
controller: controller,
isVerticalAligned: false,
contentPadding: const EdgeInsets.symmetric(horizontal: 16),
currentDateDecorationColor: Colors.teal,
dividerColor: Colors.red,
currentDateDecoration: BoxDecoration(
color: Colors.purple.withOpacity(0.3),
shape: BoxShape.circle,
),
leadingDateTextStyle: const TextStyle(
color: Colors.red,
fontWeight: FontWeight.bold,
),
daysOfTheWeekTextStyle: const TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
),
enabledCellsTextStyle: const TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
),
disabledCellsTextStyle: const TextStyle(
color: Colors.orangeAccent,
fontWeight: FontWeight.bold,
),
selectedCellsTextStyle: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
),
singleSelectedCellTextStyle: const TextStyle(
color: Colors.red,
fontWeight: FontWeight.bold,
),
currentDateTextStyle: const TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
),
selectedCellsDecorationColor: Colors.teal,
singleSelectedCellDecorationColor: Colors.teal,
)

copied to clipboard
isVerticalAligned flag is used for differentiate wide and small view ports, use true for small view ports and false for wide view ports.