Flutter Time Duration Picker

A highly customizable time duration picker for Flutter that allows creating flexible time pickers with multiple columns.

Features

  • Multiple Column Types: Configure hours, minutes, seconds, or custom values.
  • Fully Customizable: Style and behavior can be tailored to match your app's requirements.
  • Initial Value Support: Start with predefined time durations.
  • Callbacks: Receive real-time updates on user selection.
  • Easy-to-Use API: Builder methods for effortless setup.

Installation

Add the package to your pubspec.yaml file:

dependencies:
  flutter_time_duration_picker: ^0.1.0

Then, run:

flutter pub get

Usage

Here's a quick example:

import 'package:flutter_time_duration_picker/flutter_time_duration_picker.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Time Duration Picker Example')),
        body: Center(
          child: TimeDurationPicker(
            columns: [
              TimePickerColumn.hours(),
              TimePickerColumn.minutes(),
            ],
            initialDuration: Duration(hours: 1, minutes: 30),
            onChanged: (Duration value) {
              print('Selected duration: $value');
            },
          ),
        ),
      ),
    );
  }
}

Screenshots & Demos

Screenshots

Time Picker Example 1

Demo Video

Watch the demo

Customization

Styling

You can customize the appearance of the picker by modifying parameters such as colors, fonts, and column width. Here's an example:

@
TimeDurationPicker(
  columns: [TimePickerColumn.hours(), TimePickerColumn.minutes()],
  style: TimePickerStyle(
    activeColor: Colors.blue,
    inactiveColor: Colors.grey,
    columnWidth: 60.0,
  ),
)

Custom Columns

Define your own columns with custom values:

@
TimeDurationPicker(
  columns: [
    TimePickerColumn.custom([
      'A', 'B', 'C',
    ]),
  ],
  onChanged: (Duration value) {
    print('Selected custom value: $value');
  },
)

Contributing

Contributions are welcome! Here's how you can contribute:

  1. Fork the repository on GitHub.
  2. Create a new branch for your feature or bug fix: 
    git checkout -b my-new-feature
  3. Make your changes and write tests if applicable.
  4. Ensure the tests pass: 
    flutter test
  5. Submit a pull request with a detailed explanation of your changes.

GitHub Repository: flutter_time_duration_picker

Issues

If you encounter any problems or have feature requests, please file an issue on GitHub:

Report an Issue

License

This package is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

Special thanks to all contributors and users for their support and feedback!

Libraries

flutter_time_duration_picker