custom_analog_time_picker 1.0.1 copy "custom_analog_time_picker: ^1.0.1" to clipboard
custom_analog_time_picker: ^1.0.1 copied to clipboard

A 24-hour analog time picker dialog for Flutter with operational hours filtering, custom styling, and overnight shift support.

Demo Preview

Custom Analog Time Picker #

A customizable 24-hour analog time picker dialog for Flutter applications with operational hours restriction, minute intervals, custom styling, and overnight shift validation.

Features #

  • 🕒 24-Hour Analog Clock: Dual-ring layout for 00:00 to 23:59 selection.
  • Time Restrictions: Restrict hour and minute selections within custom operational hours.
  • 🌙 Overnight Shift Ready: Safely handles cross-midnight time ranges.
  • 🎨 Fully Customizable: Style header, hand color, background, and text colors.

Getting Started #

Add the dependency to your pubspec.yaml:

dependencies:
  custom_analog_time_picker: ^1.0.1

Usage #

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

Future<void> _selectTime(BuildContext context) async {
  final TimeOfDay? picked = await showCustomTimePicker(
    context: context,
    initialTime: TimeOfDay.now(),
    startActiveHour: 8,
    startActiveMinute: 0,
    endActiveHour: 17,
    endActiveMinute: 0,
    style: const CustomTimePickerStyle(
      headerBackgroundColor: Colors.blue,
      activeHandColor: Colors.blue,
      buttonTextColor: Colors.blue,
    ),
  );

  if (picked != null) {
    debugPrint("Selected time: ${picked.format(context)}");
  }
}

Additional Information #

For issues, feature requests, or contributions, please visit the GitHub Repository.

1
likes
160
points
102
downloads

Documentation

API reference

Publisher

verified publisherdev.seka.my.id

Weekly Downloads

A 24-hour analog time picker dialog for Flutter with operational hours filtering, custom styling, and overnight shift support.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on custom_analog_time_picker