Menü
Use ThemedMonthPicker in a layrz Flutter widget. Apply when adding a month + year selection field — opens a grid dialog with month buttons and year navigation.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Use ThemedTabView and ThemedTab in a layrz Flutter widget. Apply when adding horizontal tab navigation with Material 3 styling.
Use ThemedButton in a layrz Flutter widget. Apply when rendering any tappable action — primary/secondary CTAs, icon-only FABs, destructive actions, cooldown buttons, or the six semantic factories (.save, .cancel, .info, .show, .edit, .delete).
Use ThemedSearchInput in a layrz Flutter widget. Apply when adding a search bar — either a compact icon button that expands into an overlay, or a full-width inline field.
Use when migrating ThemedTable<T> (v1) to ThemedTable2<T> (v2) in a layrz Flutter widget. Apply when a widget uses the old ThemedTable API with onShow/onEdit/onDelete/onMultiDelete/ThemedColumn and needs to be updated.
Use ResponsiveCol in a layrz Flutter widget. Apply when defining a column's width at different breakpoints inside a ResponsiveRow.
Use ResponsiveRow in a layrz Flutter widget. Apply when wrapping ResponsiveCol children in a responsive 12-column grid container.
| name | themed-month-picker |
| description | Use ThemedMonthPicker in a layrz Flutter widget. Apply when adding a month + year selection field — opens a grid dialog with month buttons and year navigation. |
Dart syntax: This library requires Dart ≥ 3.10. Use dot shorthand for all enum values (e.g.
.january,.february) — never write the fully-qualified form (Month.january).
Full constructor and property reference: read
references/api.mdin this skill's directory.
For a specific day → use ThemedDatePicker. For month ranges → use ThemedMonthRangePicker.
ThemedMonthPicker(
labelText: context.i18n.t('entity.month'),
value: selectedMonth,
errors: context.getErrors(key: 'month'),
onChanged: (value) {
selectedMonth = value;
if (context.mounted) onChanged.call();
},
)
value is ThemedMonth? — a {month: Month, year: int} object."April 2025"), localized via i18n.minimum / maximum bound the selectable range by ThemedMonth.disabledMonths blocks specific months.customChild wraps any widget in an InkWell that opens the picker.label / labelText must be set — assert enforced.// With min/max bounds
ThemedMonthPicker(
labelText: context.i18n.t('entity.billingMonth'),
value: billingMonth,
minimum: ThemedMonth(year: 2023, month: .january),
maximum: ThemedMonth(year: DateTime.now().year, month: .values[DateTime.now().month - 1]),
errors: context.getErrors(key: 'billingMonth'),
onChanged: (value) {
billingMonth = value;
if (context.mounted) onChanged.call();
},
)
// Specific disabled months
ThemedMonthPicker(
labelText: context.i18n.t('entity.month'),
value: selectedMonth,
disabledMonths: [
ThemedMonth(year: 2024, month: .february),
ThemedMonth(year: 2024, month: .march),
],
onChanged: (value) {
selectedMonth = value;
if (context.mounted) onChanged.call();
},
)
// Disabled
ThemedMonthPicker(
labelText: context.i18n.t('entity.month'),
value: selectedMonth,
disabled: true,
)
ThemedMonth(year: 2025, month: .april)
ThemedMonth(year: DateTime.now().year, month: Month.values[DateTime.now().month - 1])
onChanged with if (context.mounted) before calling the parent callback.context.i18n.t('entity.fieldName') for labelText — never hardcode strings.errors: context.getErrors(key: 'fieldName').const SizedBox(height: 10).