Date Field

const FDateField(
  label: Text('Appointment Date'),
  description: Text('Select a date for your appointment'),
);

const FDateField.calendar(
  label: Text('Appointment Date'),
  description: Text('Select a date for your appointment'),
);

FDateField.input(
  label: Text('Appointment Date'),
  description: Text('Select a date for your appointment'),
);

class ClearableDateField extends StatefulWidget {
  @override
  State<ClearableDateField> createState() => _State();
}
 
class _State extends State<ClearableDateField> with SingleTickerProviderStateMixin {
  late final FDateFieldController _controller = FDateFieldController(vsync: this, initialDate: DateTime.now());
 
  @override
  Widget build(BuildContext context) => Padding(
    padding: const EdgeInsets.only(top: 30),
    child: FDateField(
      controller: _controller,
      label: const Text('Appointment Date'),
      description: const Text('Select a date for your appointment'),
      clearable: true,
    ),
  );
 
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
}

class ValidatorDateFieldPage extends StatefulWidget {
  @override
  State<ValidatorDateFieldPage> createState() => _ValidationDateFieldPageState();
}
 
class _ValidationDateFieldPageState extends State<ValidatorDateFieldPage> with SingleTickerProviderStateMixin {
  late final FDateFieldController _controller;
 
  @override
  void initState() {
    super.initState();
    _controller = FDateFieldController(vsync: this, validator: _validate);
  }
 
  String? _validate(DateTime? date) => date?.weekday == 6 || date?.weekday == 7 ? 'Date cannot be a weekend.' : null;
 
  @override
  Widget build(BuildContext context) => FDateField(
        controller: _controller,
        label: const Text('Appointment Date'),
      );
 
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
}

class FormDateFieldPage extends StatefulWidget {
  @override
  State<FormDateFieldPage> createState() => _FormDateFieldPageState();
}
 
class _FormDateFieldPageState extends State<FormDateFieldPage> with TickerProviderStateMixin {
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  late final FDateFieldController _startDateController;
  late final FDateFieldController _endDateController;
 
  @override
  void initState() {
    super.initState();
    _startDateController = FDateFieldController(
      vsync: this,
      validator: _validateStartDate,
    );
    _endDateController = FDateFieldController(
      vsync: this,
      validator: _validateEndDate,
    );
  }
 
  String? _validateStartDate(DateTime? date) {
    if (date == null) {
      return 'Please select a start date';
    }
    if (date.isBefore(DateTime.now())) {
      return 'Start date must be in the future';
    }
    return null;
  }
 
  String? _validateEndDate(DateTime? date) {
    if (date == null) {
      return 'Please select an end date';
    }
    if (_startDateController.value != null && date.isBefore(_startDateController.value!)) {
      return 'End date must be after start date';
    }
    return null;
  }
 
  @override
  Widget build(BuildContext context) => Padding(
    padding: const EdgeInsets.all(30.0),
    child: Form(
      key: _formKey,
      child: Column(
        children: [
          FDateField(
            controller: _startDateController,
            label: const Text('Start Date'),
            description: const Text('Select a start date'),
            autovalidateMode: AutovalidateMode.disabled,
          ),
          const SizedBox(height: 20),
          FDateField(
            controller: _endDateController,
            label: const Text('End Date'),
            description: const Text('Select an end date'),
            autovalidateMode: AutovalidateMode.disabled,
          ),
          const SizedBox(height: 25),
          FButton(
            label: const Text('Submit'),
            onPress: () {
              if (_formKey.currentState!.validate()) {
                // Form is valid, process the dates
              }
            },
          ),
        ],
      ),
    ),
  );
 
  @override
  void dispose() {
    _startDateController.dispose();
    _endDateController.dispose();
    super.dispose();
  }
}