final textFieldKey = GlobalKey();
...
TextField(
key: textFieldKey,
controller: _controller,
readOnly: true,
onTap: () async {
final pickedDate = await showWebDatePicker(
context: textFieldKey.currentContext!,
initialDate: _selectedDate,
firstDate: DateTime.now().subtract(const Duration(days: 7)),
lastDate: DateTime.now().add(const Duration(days: 14000)),
// width: 400,
// withoutActionButtons: true,
weekendDaysColor: Colors.red,
// selectedDayColor: Colors.brown
// firstDayOfWeekIndex: 1,
// asDialog: _asDialog,
);
if (pickedDate != null) {
_selectedDate = pickedDate;
_controller.text = pickedDate.toString().split(' ')[0];
}
},
),
...showWebDatePicker shows a dialog containing a date picker.
The returned Future resolves to the date selected by the user when the
user confirms the dialog. If the user cancels the dialog, null is returned.
When the date picker is first displayed, it will show the month of
initialDate, with initialDate selected.
The firstDate is the earliest allowable date. The lastDate is the latest
allowable date. initialDate must either fall between these dates,
or be equal to one of them
The width define the width of date picker dialog
The month view action buttons include:
- Reset button: jump to
initialDateand select it - Today button: jump to today and select it
The withoutActionButtons is true, the action buttons are removed from the month view. Default is false
The weekendDaysColor defines the color of weekend days Saturday and Sunday. Default is null
The firstDayOfWeekIndex defines the first day of the week.
By default, firstDayOfWeekIndex = 0 indicates that Sunday is considered the first day of the week
The selectedDayColor defines the color of selected day. Default is primary color
The confirmButtonColor defines the color of confirm button. Default is primary color
The cancelButtonColor defines the color of cancel button. Default is primary color
The asDialog = true will show the picker as dialog. By default, the picker is show as dropdown