Time Picker

LiqTimePicker is the iOS 26 3-column scroll-wheel time picker. Each column is an infinite-scrolling wheel that snaps to the nearest tick; the centered row is framed by a pair of hairline dividers.

12 Hour

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/demo.dart';import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget timePicker12HourBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 420,    height: 276,    surface: SnippetFrameSurface.themed,    surfacePadding: const EdgeInsets.all(20),    child: LiqDemo<DateTime>(      initial: DateTime(2026, 4, 29, 14, 30),      builder:          (t, set) =>          LiqTimePicker(value: t, onChanged: set),    ),  );}

24 Hour

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/demo.dart';import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget timePicker24HourBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 420,    height: 276,    surface: SnippetFrameSurface.themed,    surfacePadding: const EdgeInsets.all(20),    child: LiqDemo<DateTime>(      initial: DateTime(2026, 4, 29, 14, 30),      builder:          (t, set) =>          LiqTimePicker(value: t, onChanged: set, use24HourFormat: true),    ),  );}

Intervals

import 'package:docs_snippets/src/demo.dart';import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget timePickerIntervalsBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 420,    height: 276,    surface: SnippetFrameSurface.themed,    surfacePadding: const EdgeInsets.all(20),    child: LiqDemo<DateTime>(      initial: DateTime(2026, 4, 29, 14, 30),      builder:          (t, set) =>          LiqTimePicker(value: t, onChanged: set, minuteInterval: 15),    ),  );}