Date Pickers

import 'package:chromia_ui/chromia_ui.dart';

DateTime? birthDate;

ChromiaDatePicker(
  label: 'Birth Date',
  selectedDate: birthDate,
  onDateSelected: (date) => setState(() => birthDate = date),
)

ChromiaDatePicker(
  label: 'Select Date',
  hintText: 'Choose a date',
  selectedDate: selectedDate,
  onDateSelected: (date) => setState(() => selectedDate = date),
)

ChromiaDatePicker(
  label: 'Event Date',
  helperText: 'Select the date for your event',
  selectedDate: eventDate,
  onDateSelected: (date) => setState(() => eventDate = date),
)

ChromiaDatePicker(
  label: 'Appointment',
  selectedDate: appointmentDate,
  firstDate: DateTime.now(), // Can't select past dates
  lastDate: DateTime.now().add(Duration(days: 90)), // Max 90 days ahead
  onDateSelected: (date) => setState(() => appointmentDate = date),
)

import 'package:intl/intl.dart';

ChromiaDatePicker(
  label: 'Date',
  selectedDate: selectedDate,
  dateFormat: DateFormat('yyyy-MM-dd'), // Custom format
  onDateSelected: (date) => setState(() => selectedDate = date),
)

ChromiaDatePicker(
  label: 'Required Date',
  errorText: selectedDate == null ? 'Please select a date' : null,
  selectedDate: selectedDate,
  onDateSelected: (date) => setState(() => selectedDate = date),
)

ChromiaDatePicker(
  label: 'Birthday',
  prefixIcon: Icons.cake,
  selectedDate: birthday,
  onDateSelected: (date) => setState(() => birthday = date),
)

ChromiaDatePicker(
  label: 'Read-only Date',
  selectedDate: DateTime.now(),
  enabled: false,
  onDateSelected: (date) {},
)

TimeOfDay? selectedTime;

ChromiaTimePicker(
  label: 'Meeting Time',
  selectedTime: selectedTime,
  onTimeSelected: (time) => setState(() => selectedTime = time),
)

ChromiaTimePicker(
  label: 'Time',
  selectedTime: selectedTime,
  use24HourFormat: true,
  onTimeSelected: (time) => setState(() => selectedTime = time),
)

ChromiaTimePicker(
  label: 'Alarm Time',
  helperText: 'Set your wake-up time',
  errorText: isValid ? null : 'Please select a time',
  selectedTime: alarmTime,
  onTimeSelected: (time) => setState(() => alarmTime = time),
)

ChromiaTimePicker(
  label: 'Start Time',
  prefixIcon: Icons.schedule,
  selectedTime: startTime,
  onTimeSelected: (time) => setState(() => startTime = time),
)

DateTime? selectedDateTime;

ChromiaDateTimePicker(
  label: 'Event Start',
  selectedDateTime: selectedDateTime,
  onDateTimeSelected: (dateTime) => setState(() => selectedDateTime = dateTime),
)

ChromiaDateTimePicker(
  label: 'Appointment',
  selectedDateTime: appointmentDateTime,
  firstDate: DateTime.now(),
  lastDate: DateTime.now().add(Duration(days: 60)),
  onDateTimeSelected: (dateTime) => setState(() => appointmentDateTime = dateTime),
)

ChromiaDateTimePicker(
  label: 'Deadline',
  helperText: 'Select the deadline for your task',
  selectedDateTime: deadline,
  onDateTimeSelected: (dateTime) => setState(() => deadline = dateTime),
)

ChromiaDateTimePicker(
  label: 'Schedule',
  prefixIcon: Icons.event_available,
  selectedDateTime: scheduledTime,
  onDateTimeSelected: (dateTime) => setState(() => scheduledTime = dateTime),
)

DateTime? birthday;

ChromiaDatePicker(
  label: 'Date of Birth',
  selectedDate: birthday,
  lastDate: DateTime.now(), // Can't select future dates
  firstDate: DateTime(1900),
  prefixIcon: Icons.cake,
  helperText: 'Enter your date of birth',
  onDateSelected: (date) => setState(() => birthday = date),
)

DateTime? eventStart;

ChromiaDateTimePicker(
  label: 'Event Start Time',
  selectedDateTime: eventStart,
  firstDate: DateTime.now(),
  lastDate: DateTime.now().add(Duration(days: 365)),
  helperText: 'When does your event start?',
  onDateTimeSelected: (dateTime) {
    setState(() => eventStart = dateTime);
    // Schedule event
  },
)

TimeOfDay? alarmTime;

ChromiaTimePicker(
  label: 'Wake Up Time',
  selectedTime: alarmTime,
  prefixIcon: Icons.alarm,
  use24HourFormat: true,
  helperText: 'Set your alarm',
  onTimeSelected: (time) {
    setState(() => alarmTime = time);
    // Set alarm
  },
)

DateTime? startDate;
DateTime? endDate;

Column(
  children: [
    ChromiaDatePicker(
      label: 'Start Date',
      selectedDate: startDate,
      onDateSelected: (date) => setState(() => startDate = date),
    ),
    SizedBox(height: 16),
    ChromiaDatePicker(
      label: 'End Date',
      selectedDate: endDate,
      firstDate: startDate ?? DateTime.now(),
      errorText: (endDate != null && startDate != null && endDate!.isBefore(startDate!))
          ? 'End date must be after start date'
          : null,
      onDateSelected: (date) => setState(() => endDate = date),
    ),
  ],
)

TimeOfDay? startTime;
TimeOfDay? endTime;

Column(
  children: [
    ChromiaTimePicker(
      label: 'Work Starts',
      selectedTime: startTime,
      prefixIcon: Icons.login,
      onTimeSelected: (time) => setState(() => startTime = time),
    ),
    SizedBox(height: 16),
    ChromiaTimePicker(
      label: 'Work Ends',
      selectedTime: endTime,
      prefixIcon: Icons.logout,
      onTimeSelected: (time) => setState(() => endTime = time),
    ),
  ],
)