liqkit_ui
Inputs

Calendar

LiqCalendar is the iOS 26 month-grid calendar — a 7-column grid of date cells with weekday headers, prev/next month controls, and a month/year title. It is a top-level component you can drop anywhere without the chrome that wraps LiqDatePicker.

Default

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 calendarDefaultBuilder(BuildContext context) {  return SnippetFrame(    child: LiqDemo<DateTime>(      initial: DateTime(2026, 4, 29),      builder:          (date, set) => SizedBox(            width: double.infinity,            child: LiqCalendar(selectedDate: date, onDateChanged: set),          ),    ),  );}

With Bounds

// 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 calendarWithBoundsBuilder(BuildContext context) {  return SnippetFrame(    child: LiqDemo<DateTime>(      initial: DateTime(2026, 4, 29),      builder:          (date, set) => SizedBox(            width: double.infinity,            child: LiqCalendar(              selectedDate: date,              onDateChanged: set,              firstDate: DateTime(2026, 4, 15),              lastDate: DateTime(2026, 5, 15),            ),          ),    ),  );}

On this page