Search code examples
flutterdartdaterangepicker

DateRange picker design flutter


How to design date-Range Picker in flutter here is my image enter image description here


Solution

  • One of the most popular date pickers is date_picker_timeline

    Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          DatePicker(
            DateTime.now(),
            initialSelectedDate: DateTime.now(),
            selectionColor: Colors.black,
            selectedTextColor: Colors.white,
            onDateChange: (date) {
              // New date selected
              setState(() {
                _selectedValue = date;
              });
            },
          ),
        ],
    )
    

    use can also use this one in alert box https://pub.dev/packages/calendar_date_picker2