hebrew_date_picker 0.2.0

A Material-style date picker that shows the Hebrew (Jewish) date in every day cell, the Hebrew months in the month title and the full Hebrew date of the selected day.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:hebrew_date_picker/hebrew_date_picker.dart';

void main() => runApp(const ExampleApp());

class ExampleApp extends StatelessWidget {
  const ExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hebrew Date Picker',
      theme: ThemeData(colorSchemeSeed: Colors.indigo),
      home: const ExamplePage(),
    );
  }
}

class ExamplePage extends StatefulWidget {
  const ExamplePage({super.key});

  @override
  State<ExamplePage> createState() => _ExamplePageState();
}

class _ExamplePageState extends State<ExamplePage> {
  DateTime _date = DateTime.now();
  DateTimeRange? _range;
  DayMode _dayMode = DayMode.both;
  bool _disableSaturdays = false;
  bool _showTodayButton = false;

  bool _isSelectable(DateTime day) => !_disableSaturdays || day.weekday != DateTime.saturday;

  Future<void> _pickDate() async {
    final picked = await showHebrewDatePicker(
      context: context,
      // The initial date must be selectable.
      initialDate: _isSelectable(_date) ? _date : _date.add(const Duration(days: 1)),
      firstDate: DateTime(2020),
      lastDate: DateTime(2035),
      selectableDayPredicate: _isSelectable,
      showTodayButton: _showTodayButton,
      dayMode: _dayMode,
    );
    if (picked != null) setState(() => _date = picked);
  }

  Future<void> _pickRange() async {
    final range = _range;
    final picked = await showHebrewDateRangePicker(
      context: context,
      // Both ends of the initial range must be selectable.
      initialDateRange: range != null && _isSelectable(range.start) && _isSelectable(range.end)
          ? range
          : null,
      firstDate: DateTime(2020),
      lastDate: DateTime(2035),
      selectableDayPredicate: _isSelectable,
      showTodayButton: _showTodayButton,
      dayMode: _dayMode,
    );
    if (picked != null) setState(() => _range = picked);
  }

  @override
  Widget build(BuildContext context) {
    final textTheme = Theme.of(context).textTheme;
    final localizations = MaterialLocalizations.of(context);
    final range = _range;
    return Scaffold(
      appBar: AppBar(title: const Text('Hebrew Date Picker')),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            SegmentedButton<DayMode>(
              segments: const [
                ButtonSegment(value: DayMode.both, label: Text('Both')),
                ButtonSegment(value: DayMode.hebrew, label: Text('Hebrew')),
                ButtonSegment(value: DayMode.gregorian, label: Text('Gregorian')),
              ],
              selected: {_dayMode},
              onSelectionChanged: (modes) => setState(() => _dayMode = modes.first),
            ),
            const SizedBox(height: 12),
            SizedBox(
              width: 280,
              child: SwitchListTile(
                title: const Text('Disable Saturdays'),
                value: _disableSaturdays,
                onChanged: (value) => setState(() => _disableSaturdays = value),
              ),
            ),
            SizedBox(
              width: 280,
              child: SwitchListTile(
                title: const Text('Show today button'),
                value: _showTodayButton,
                onChanged: (value) => setState(() => _showTodayButton = value),
              ),
            ),
            const SizedBox(height: 40),
            FilledButton(onPressed: _pickDate, child: const Text('Pick a date')),
            const SizedBox(height: 12),
            Text(localizations.formatFullDate(_date), style: textTheme.titleMedium),
            Text(_date.getHebrewDateFormatted(), style: textTheme.titleLarge),
            const SizedBox(height: 40),
            FilledButton(onPressed: _pickRange, child: const Text('Pick a date range')),
            if (range != null) ...[
              const SizedBox(height: 12),
              Text(
                '${localizations.formatMediumDate(range.start)} – '
                '${localizations.formatMediumDate(range.end)}',
                style: textTheme.titleMedium,
              ),
              Text(
                '${range.start.getHebrewDateFormatted()} – ${range.end.getHebrewDateFormatted()}',
                style: textTheme.titleLarge,
              ),
            ],
          ],
        ),
      ),
    );
  }
}