flutter_time_picker_spinner

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A customizable time picker widget for Flutter that uses a spinner interface instead of the default Material time picker. It supports both 12-hour and 24-hour formats and allows setting custom time intervals, offering a clean and consistent UI across platforms. Ideal for apps needing a lightweight, stylable time selection component without relying on platform-specific pickers.

Use cases

Custom time input in forms
Mobile and web applications requiring uniform time pickers
Apps with non-standard time intervals
Design-focused interfaces needing consistent time selection
Cross-platform time input with unified look

Key features

Spinner-based time selection
Supports 12/24 hour formats
Custom interval settings
Cross-platform compatibility
Lightweight and easy to integrate
Stylable via theme and styling options

Suitable for

Developers seeking alternative to Material time picker
Projects needing consistent UI across Android, iOS, and web
Apps with specific time interval requirements
Design-driven applications
Teams prioritizing cross-platform consistency

Considerations

Limited to basic time selection (no AM/PM labels in some configurations)
May require manual handling of time format logic
Not suitable for complex time range or duration inputs
No built-in validation beyond time bounds
Depends on external styling for advanced customization

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Time Picker widget with spinner instead of a material time picker.

12H format

24H format

24H format with second

Custom style

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Props

props	types	defaultValues
time	DateTime	Current Time [ DateTime.now() ]
minutesInterval	int	1
secondsInterval	int	1
is24HourMode	bool	true
isShowSeconds	bool	false
isShowSeconds	bool	false
highlightedTextStyle	TextStyle	false
normalTextStyle	TextStyle	false
itemHeight	double	60.0
itemWidth	double	45.0
spacing	double	20.0
alignment	AlignmentGeometry	Alignment.centerRight
isForce2Digits	bool	false
onTimeChange	TimePickerCallback

Usage

import 'package:flutter_time_picker_spinner/flutter_time_picker_spinner.dart';

Widget widget() {
  return new TimePickerSpinner(
    is24HourMode: false,
    normalTextStyle: TextStyle(
      fontSize: 24,
      color: Colors.deepOrange
    ),
    highlightedTextStyle: TextStyle(
      fontSize: 24,
      color: Colors.yellow
    ),
    spacing: 50,
    itemHeight: 80,
    isForce2Digits: true,
    onTimeChange: (time) {
      setState(() {
        _dateTime = time;
      });
    },
  );
}

Search packages, repositories and app categories