Time Field

LiqTimeField is a typeable HH:MM time input. The user types digits directly and the field auto-formats with a colon separator. In 12-hour mode (the default) a small inset segmented AM/PM pill renders to the right of the input and toggles the period.

Distinct from LiqTimePicker — which is a wheel-style scroll picker. Use LiqTimeField for forms where keyboard entry is the primary interaction; use LiqTimePicker when you want the iOS-native scrolling wheel UI.

Twelve 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 timeFieldTwelveHourBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 240,    child: LiqDemo<LiqTime?>(      initial: const LiqTime(hour: 14, minute: 30),      builder:          (v, set) =>          LiqTimeField(value: v, onChanged: set),    ),  );}

Twenty Four 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 timeFieldTwentyFourHourBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 240,    child: LiqDemo<LiqTime?>(      initial: const LiqTime(hour: 14, minute: 30),      builder:          (v, set) =>          LiqTimeField(value: v, onChanged: set, use24HourFormat: true),    ),  );}