kasy-cli 1.37.0 → 1.38.0

package/templates/firebase/lib/components/kasy_bottom_sheet.dart

@@ -1,15 +1,63 @@
 import 'dart:ui';
 
 import 'package:flutter/material.dart';
+import 'package:kasy_kit/components/kasy_dialog.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
+import 'package:kasy_kit/core/widgets/responsive_layout.dart';
 
 /// Tone for the icon bubble displayed at the top of [KasyBottomSheet].
 enum KasySheetIconTone { info, success, warning, danger, neutral }
 
+/// Width (logical px) at/above which design-system sheets present as a centered
+/// dialog instead of a bottom sheet. Phones and tablets keep the bottom sheet;
+/// only desktop ([DeviceType.large] and wider) switches to the dialog form.
+const double kKasySheetDialogBreakpoint = 1024; // == DeviceType.large.breakpoint
+
+/// True when [context]'s width means design-system sheets should be presented
+/// as a centered dialog (desktop) rather than a bottom sheet.
+bool kasySheetUsesDialog(BuildContext context) =>
+    MediaQuery.sizeOf(context).width >= kKasySheetDialogBreakpoint;
+
+/// Whether the enclosing design-system sheet is currently presented as a
+/// centered dialog (desktop) rather than a bottom sheet. Custom sheet bodies can
+/// read this to drop their drag handle, round all corners, constrain width, etc.
+/// Bodies built on [KasyBottomSheet] or wrapped in [KasySheetSurface] adapt
+/// automatically and do not need to call this.
+bool kasySheetIsFloating(BuildContext context) =>
+    _KasySheetPresentation.isFloatingOf(context);
+
+/// Max width of a sheet (at scale 1.0) when presented as a desktop dialog.
+const double _kFloatingSheetMaxWidth = 420;
+
+/// Injected by [showKasyBottomSheet] / [showKasyBlurBottomSheet] so the sheet
+/// body knows whether it is being shown as a bottom sheet or a centered dialog.
+class _KasySheetPresentation extends InheritedWidget {
+  final bool isFloating;
+
+  const _KasySheetPresentation({
+    required this.isFloating,
+    required super.child,
+  });
+
+  static bool isFloatingOf(BuildContext context) =>
+      context
+          .dependOnInheritedWidgetOfExactType<_KasySheetPresentation>()
+          ?.isFloating ??
+      false;
+
+  @override
+  bool updateShouldNotify(_KasySheetPresentation oldWidget) =>
+      oldWidget.isFloating != isFloating;
+}
+
 /// A design-system bottom sheet panel.
 ///
 /// Use [showKasyBottomSheet] to present it. The sheet handles drag-handle,
 /// optional icon bubble, title, message, custom body, and action buttons.
+///
+/// On desktop the presenter shows the same panel as a centered dialog; this
+/// widget adapts automatically (no drag handle, rounded on all corners,
+/// width-constrained) so callers never have to branch on screen size.
 class KasyBottomSheet extends StatelessWidget {
   final String? title;
   final String? message;
@@ -49,13 +97,19 @@ class KasyBottomSheet extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final double bottomSafeArea =
-        addBottomSafeArea ? MediaQuery.paddingOf(context).bottom : 0;
-    final double keyboardInset =
-        addKeyboardInset ? MediaQuery.viewInsetsOf(context).bottom : 0;
+    final bool floating = _KasySheetPresentation.isFloatingOf(context);
+    // In dialog mode the centered presenter owns the safe area and lifts the
+    // card above the keyboard, so the panel itself adds neither.
+    final double bottomSafeArea = (addBottomSafeArea && !floating)
+        ? MediaQuery.paddingOf(context).bottom
+        : 0;
+    final double keyboardInset = (addKeyboardInset && !floating)
+        ? MediaQuery.viewInsetsOf(context).bottom
+        : 0;
     final double bottomInset = bottomSafeArea + keyboardInset;
     final bool hasIcon = icon != null;
     final bool centered = hasIcon;
+    final bool effectiveDragHandle = showDragHandle && !floating;
 
     // Elevate the input fill color for any KasyTextField.primary inside the
     // sheet. primary variant reads inputDecorationTheme.fillColor first, so
@@ -65,10 +119,18 @@ class KasyBottomSheet extends StatelessWidget {
         ? const Color(0xFF272729)
         : const Color(0xFFF0F0F2);
 
-    return Material(
+    final BorderRadius radius = floating
+        ? BorderRadius.circular(KasyRadius.xl)
+        : const BorderRadius.vertical(top: Radius.circular(KasyRadius.xl));
+
+    Widget panel = Material(
       color: context.colors.surface,
-      borderRadius: const BorderRadius.vertical(
-        top: Radius.circular(KasyRadius.xl),
+      clipBehavior: Clip.antiAlias,
+      shape: RoundedRectangleBorder(
+        borderRadius: radius,
+        side: floating
+            ? BorderSide(color: context.colors.outline.withValues(alpha: 0.22))
+            : BorderSide.none,
       ),
       child: Theme(
         data: Theme.of(context).copyWith(
@@ -77,72 +139,181 @@ class KasyBottomSheet extends StatelessWidget {
           ),
         ),
         child: Column(
-        mainAxisSize: MainAxisSize.min,
-        crossAxisAlignment:
-            centered ? CrossAxisAlignment.center : CrossAxisAlignment.start,
-        children: [
-          if (showDragHandle) _DragHandle(),
-          AnimatedPadding(
-            duration: const Duration(milliseconds: 180),
-            curve: Curves.easeOutCubic,
-            padding: EdgeInsets.fromLTRB(
-              KasySpacing.lg,
-              hasIcon ? KasySpacing.lg : KasySpacing.md,
-              KasySpacing.lg,
-              bottomInset + KasySpacing.lg,
-            ),
-            child: Column(
-              mainAxisSize: MainAxisSize.min,
-              crossAxisAlignment:
-                  centered ? CrossAxisAlignment.center : CrossAxisAlignment.start,
-              children: [
-                if (hasIcon) ...[
-                  _IconBubble(icon: icon!, tone: iconTone),
-                  const SizedBox(height: KasySpacing.md),
-                ],
-                if (title != null)
-                  Text(
-                    title!,
-                    textAlign: centered ? TextAlign.center : TextAlign.start,
-                    style: context.textTheme.titleLarge?.copyWith(
-                      color: context.colors.onSurface,
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment:
+              centered ? CrossAxisAlignment.center : CrossAxisAlignment.start,
+          children: [
+            if (effectiveDragHandle) _DragHandle(),
+            AnimatedPadding(
+              duration: const Duration(milliseconds: 180),
+              curve: Curves.easeOutCubic,
+              padding: EdgeInsets.fromLTRB(
+                KasySpacing.lg,
+                hasIcon ? KasySpacing.lg : KasySpacing.md,
+                KasySpacing.lg,
+                bottomInset + KasySpacing.lg,
+              ),
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: centered
+                    ? CrossAxisAlignment.center
+                    : CrossAxisAlignment.start,
+                children: [
+                  if (hasIcon) ...[
+                    _IconBubble(icon: icon!, tone: iconTone),
+                    const SizedBox(height: KasySpacing.md),
+                  ],
+                  if (title != null)
+                    Text(
+                      title!,
+                      textAlign: centered ? TextAlign.center : TextAlign.start,
+                      style: context.textTheme.titleLarge?.copyWith(
+                        color: context.colors.onSurface,
+                      ),
                     ),
-                  ),
-                if (message != null) ...[
-                  const SizedBox(height: KasySpacing.sm),
-                  Text(
-                    message!,
-                    textAlign: centered ? TextAlign.center : TextAlign.start,
-                    style: context.textTheme.bodyMedium?.copyWith(
-                      color: context.colors.onSurface.withValues(alpha: 0.6),
-                      height: 1.5,
+                  if (message != null) ...[
+                    const SizedBox(height: KasySpacing.sm),
+                    Text(
+                      message!,
+                      textAlign: centered ? TextAlign.center : TextAlign.start,
+                      style: context.textTheme.bodyMedium?.copyWith(
+                        color: context.colors.onSurface.withValues(alpha: 0.6),
+                        height: 1.5,
+                      ),
                     ),
-                  ),
-                ],
-                if (body != null) ...[
-                  const SizedBox(height: KasySpacing.md),
-                  body!,
-                ],
-                if (actions.isNotEmpty) ...[
-                  const SizedBox(height: KasySpacing.lg),
-                  ...actions.expand(
-                    (w) => [
-                      w,
-                      if (w != actions.last) const SizedBox(height: KasySpacing.sm),
-                    ],
-                  ),
+                  ],
+                  if (body != null) ...[
+                    const SizedBox(height: KasySpacing.md),
+                    body!,
+                  ],
+                  if (actions.isNotEmpty) ...[
+                    const SizedBox(height: KasySpacing.lg),
+                    ...actions.expand(
+                      (w) => [
+                        w,
+                        if (w != actions.last)
+                          const SizedBox(height: KasySpacing.sm),
+                      ],
+                    ),
+                  ],
                 ],
-              ],
+              ),
             ),
-          ),
-        ],
+          ],
+        ),
       ),
+    );
+
+    if (floating) {
+      panel = ConstrainedBox(
+        constraints: const BoxConstraints(maxWidth: _kFloatingSheetMaxWidth),
+        child: DecoratedBox(
+          decoration: BoxDecoration(
+            borderRadius: radius,
+            boxShadow: [
+              KasyShadows.component(
+                context,
+                blurRadius: 20,
+                spreadRadius: -2,
+                offset: const Offset(0, 8),
+              ),
+            ],
+          ),
+          child: panel,
+        ),
+      );
+    }
+
+    return panel;
+  }
+}
+
+/// Surface chrome for custom sheet bodies presented via [showKasyBottomSheet].
+///
+/// Paints the design-system surface and adapts to the presentation: top-rounded
+/// with a drag handle as a bottom sheet (mobile / tablet), fully rounded,
+/// bordered and width-constrained as a centered dialog (desktop). Wrap bespoke
+/// content (option lists, pickers) with this so it looks right in both forms
+/// without the caller branching on screen size.
+class KasySheetSurface extends StatelessWidget {
+  final Widget child;
+
+  /// Shows the drag handle in bottom-sheet form. Ignored when floating.
+  final bool showDragHandle;
+
+  /// Surface color; defaults to [KasyColors.surface].
+  final Color? color;
+
+  const KasySheetSurface({
+    super.key,
+    required this.child,
+    this.showDragHandle = true,
+    this.color,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final bool floating = _KasySheetPresentation.isFloatingOf(context);
+    final BorderRadius radius = floating
+        ? BorderRadius.circular(KasyRadius.xl)
+        : const BorderRadius.vertical(top: Radius.circular(KasyRadius.xl));
+
+    Widget content = Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        if (showDragHandle && !floating) _DragHandle(),
+        // Flexible lets the body shrink within a bottom sheet's bounded height.
+        // In dialog form the presenter wraps everything in a scroll view (with
+        // unbounded height), where Flexible would throw, so pass the child raw.
+        if (floating) child else Flexible(child: child),
+      ],
+    );
+
+    if (!floating) {
+      content = SafeArea(top: false, child: content);
+    }
+
+    Widget panel = Material(
+      color: color ?? context.colors.surface,
+      clipBehavior: Clip.antiAlias,
+      shape: RoundedRectangleBorder(
+        borderRadius: radius,
+        side: floating
+            ? BorderSide(color: context.colors.outline.withValues(alpha: 0.22))
+            : BorderSide.none,
       ),
+      child: content,
     );
+
+    if (floating) {
+      panel = ConstrainedBox(
+        constraints: const BoxConstraints(maxWidth: _kFloatingSheetMaxWidth),
+        child: DecoratedBox(
+          decoration: BoxDecoration(
+            borderRadius: radius,
+            boxShadow: [
+              KasyShadows.component(
+                context,
+                blurRadius: 20,
+                spreadRadius: -2,
+                offset: const Offset(0, 8),
+              ),
+            ],
+          ),
+          child: panel,
+        ),
+      );
+    }
+
+    return panel;
   }
 }
 
-/// Shows a [KasyBottomSheet] using Material's modal bottom sheet.
+/// Shows a [KasyBottomSheet] as a modal bottom sheet on phones and tablets, and
+/// as a centered dialog on desktop ([kKasySheetDialogBreakpoint] and wider).
+///
+/// The same [builder] is used for both forms; bodies built on [KasyBottomSheet]
+/// (or wrapped in [KasySheetSurface]) adapt automatically.
 ///
 /// Example:
 /// ```dart
@@ -168,6 +339,17 @@ Future<T?> showKasyBottomSheet<T>({
   bool isScrollControlled = false,
   Color? barrierColor,
 }) {
+  if (kasySheetUsesDialog(context)) {
+    return showKasyDialog<T>(
+      context: context,
+      barrierDismissible: isDismissible,
+      barrierColor: barrierColor,
+      builder: (ctx) => _KasySheetPresentation(
+        isFloating: true,
+        child: _FloatingSheetScrollHost(child: builder(ctx)),
+      ),
+    );
+  }
   return showModalBottomSheet<T>(
     context: context,
     useRootNavigator: true,
@@ -179,18 +361,31 @@ Future<T?> showKasyBottomSheet<T>({
         Colors.black.withValues(
           alpha: Theme.of(context).brightness == Brightness.dark ? 0.6 : 0.45,
         ),
-    builder: builder,
+    builder: (ctx) =>
+        _KasySheetPresentation(isFloating: false, child: builder(ctx)),
   );
 }
 
 /// Shows a [KasyBottomSheet] with a frosted-glass blur overlay instead of
-/// the standard dim barrier. Uses [showGeneralDialog] for full-screen control.
+/// the standard dim barrier. On desktop it presents as a centered dialog over
+/// the same blur ([showKasyBlurDialog]).
 Future<T?> showKasyBlurBottomSheet<T>({
   required BuildContext context,
   required WidgetBuilder builder,
   bool isDismissible = true,
   double blurSigma = 8,
 }) {
+  if (kasySheetUsesDialog(context)) {
+    return showKasyBlurDialog<T>(
+      context: context,
+      barrierDismissible: isDismissible,
+      blurSigma: blurSigma,
+      builder: (ctx) => _KasySheetPresentation(
+        isFloating: true,
+        child: _FloatingSheetScrollHost(child: builder(ctx)),
+      ),
+    );
+  }
   return showGeneralDialog<T>(
     context: context,
     barrierDismissible: isDismissible,
@@ -201,12 +396,34 @@ Future<T?> showKasyBlurBottomSheet<T>({
       animation: animation,
       blurSigma: blurSigma,
       isDismissible: isDismissible,
-      child: builder(ctx),
+      child: _KasySheetPresentation(isFloating: false, child: builder(ctx)),
     ),
     transitionBuilder: (_, _, _, child) => child,
   );
 }
 
+/// Bounds a floating (dialog-form) sheet to the viewport and makes it scroll
+/// when its content is taller than the screen — while still shrink-wrapping and
+/// centering when the content fits. Used only on the desktop dialog path.
+class _FloatingSheetScrollHost extends StatelessWidget {
+  final Widget child;
+
+  const _FloatingSheetScrollHost({required this.child});
+
+  @override
+  Widget build(BuildContext context) {
+    return ConstrainedBox(
+      constraints: BoxConstraints(
+        maxHeight: MediaQuery.sizeOf(context).height * 0.9,
+      ),
+      child: SingleChildScrollView(
+        // Shrink-wraps to the child until it exceeds maxHeight, then scrolls.
+        child: child,
+      ),
+    );
+  }
+}
+
 class _BlurSheetScaffold extends StatelessWidget {
   final Animation<double> animation;
   final double blurSigma;

package/templates/firebase/lib/components/kasy_date_picker.dart

@@ -214,8 +214,10 @@ const List<BoxShadow> _kCalendarShadows = [
 /// Controls month names, weekday labels, week start, and month/year separator
 /// inside the [KasyDatePicker] calendar overlay.
 ///
-/// Two built-in presets are provided: [KasyDatePickerLocale.en] and
-/// [KasyDatePickerLocale.es]. For other locales, construct a custom instance.
+/// Three built-in presets are provided: [KasyDatePickerLocale.en],
+/// [KasyDatePickerLocale.pt] and [KasyDatePickerLocale.es]. By default the
+/// picker auto-selects one from the app's active language; pass an explicit
+/// instance to override (or construct a custom one for another locale).
 class KasyDatePickerLocale {
   const KasyDatePickerLocale({
     required this.monthNames,
@@ -299,6 +301,10 @@ enum KasyDatePickerNavStyle {
 // KasyDatePickerPresentation — controls how the calendar is shown
 // ─────────────────────────────────────────────────────────────────────────────
 
+/// Comfortable fixed width for the calendar when shown as a centered dialog, so
+/// it does not stretch to the dialog inset (nearly full screen) on desktop.
+const double _kDialogCalendarWidth = 360;
+
 /// Controls how the calendar is presented when the date field is tapped.
 enum KasyDatePickerPresentation {
   /// Floating overlay anchored below the trigger field (default).
@@ -429,7 +435,7 @@ class KasyDatePicker extends StatefulWidget {
     this.description,
     this.dateFormat,
     this.formatDate,
-    this.locale = KasyDatePickerLocale.en,
+    this.locale,
     this.variant = KasyTextFieldVariant.primary,
     this.focusBorder = true,
     this.showSuffix = true,
@@ -500,9 +506,10 @@ class KasyDatePicker extends StatefulWidget {
   final String Function(DateTime)? formatDate;
 
   /// Calendar display locale — controls month names, weekday labels, week
-  /// start day, and the regional [defaultDateFormat]. Defaults to
-  /// [KasyDatePickerLocale.en] (English, Sunday-first, US date format).
-  final KasyDatePickerLocale locale;
+  /// start day, and the regional [defaultDateFormat]. When null (default), it
+  /// follows the app's active language (pt / es / en) via
+  /// [Localizations.localeOf]; pass an explicit preset to override.
+  final KasyDatePickerLocale? locale;
 
   /// Visual variant of the trigger field. Defaults to
   /// [KasyTextFieldVariant.primary] (white surface + soft shadow on mobile).
@@ -603,7 +610,9 @@ class _KasyDatePickerState extends State<KasyDatePicker>
   void initState() {
     super.initState();
     _viewMonth = _monthOf(_initialAnchorDate() ?? DateTime.now());
-    _displayController = TextEditingController(text: _displayText());
+    // Empty here: the display text depends on the locale (Localizations), which
+    // can't be read in initState. It's set in didChangeDependencies below.
+    _displayController = TextEditingController();
     _animCtrl = AnimationController(
       vsync: this,
       duration: const Duration(milliseconds: 180),
@@ -618,6 +627,14 @@ class _KasyDatePickerState extends State<KasyDatePicker>
     );
   }
 
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    // Reads the locale (legal here, not in initState) to format the field, and
+    // re-runs if the app language changes so the displayed date follows it.
+    _displayController.text = _displayText();
+  }
+
   @override
   void didUpdateWidget(KasyDatePicker old) {
     super.didUpdateWidget(old);
@@ -647,10 +664,25 @@ class _KasyDatePickerState extends State<KasyDatePicker>
 
   DateTime _monthOf(DateTime d) => DateTime(d.year, d.month);
 
+  /// Effective calendar locale: the explicit [KasyDatePicker.locale] when set,
+  /// otherwise resolved from the app's active language (pt / es / en) so the
+  /// calendar always renders in the language the user is using the app in.
+  KasyDatePickerLocale get _effectiveLocale {
+    if (widget.locale != null) return widget.locale!;
+    switch (Localizations.localeOf(context).languageCode) {
+      case 'pt':
+        return KasyDatePickerLocale.pt;
+      case 'es':
+        return KasyDatePickerLocale.es;
+      default:
+        return KasyDatePickerLocale.en;
+    }
+  }
+
   /// Resolved formatting preset: respects an explicit override on the widget
   /// and falls back to the locale's regional default.
   KasyDateFormat get _resolvedFormat =>
-      widget.dateFormat ?? widget.locale.defaultDateFormat;
+      widget.dateFormat ?? _effectiveLocale.defaultDateFormat;
 
   /// Unified selection. In single mode the picked [value] is wrapped in a
   /// range with `start == end == value` so the calendar tree only deals
@@ -867,9 +899,9 @@ class _KasyDatePickerState extends State<KasyDatePicker>
           }
 
           return _CalendarPanel(
-            // Omit calendarWidth so the panel stretches to the basic dialog's
-            // natural inset (showKasyDialog uses KasySpacing.lg horizontal
-            // insetPadding). Matches the "basic dialog" proportion.
+            // Cap the width so the calendar doesn't stretch to the dialog inset
+            // (nearly full screen on desktop). A fixed comfortable card width.
+            calendarWidth: _kDialogCalendarWidth,
             viewMonth: dialogViewMonth,
             range: dialogRange,
             monthsToShow: widget.monthsToShow,
@@ -901,7 +933,7 @@ class _KasyDatePickerState extends State<KasyDatePicker>
             },
             minDate: widget.minDate,
             maxDate: widget.maxDate,
-            locale: widget.locale,
+            locale: _effectiveLocale,
           );
         },
       ),
@@ -923,7 +955,7 @@ class _KasyDatePickerState extends State<KasyDatePicker>
         onRangeChanged: widget.onRangeChanged,
         minDate: widget.minDate,
         maxDate: widget.maxDate,
-        locale: widget.locale,
+        locale: _effectiveLocale,
         monthsToShow: widget.monthsToShow,
       ),
     ).whenComplete(() {
@@ -1157,7 +1189,7 @@ class _KasyDatePickerState extends State<KasyDatePicker>
                   }),
                   minDate: widget.minDate,
                   maxDate: widget.maxDate,
-                  locale: widget.locale,
+                  locale: _effectiveLocale,
                 ),
               ),
             ),
@@ -1674,10 +1706,13 @@ class _CalendarNavRow extends StatelessWidget {
         '${locale.monthNames[viewMonth.month - 1]}${locale.monthYearSeparator}${viewMonth.year}';
 
     // Month/year text + chevron used to toggle the year picker — shared by
-    // both nav styles, only its position in the row changes.
-    final Widget monthLabel = GestureDetector(
+    // both nav styles, only its position in the row changes. Wrapped in
+    // KasyHover so it gets the pointer cursor + hover feedback on the web,
+    // matching the day cells and nav arrows.
+    final Widget monthLabel = KasyHover(
       onTap: onToggleMode,
-      behavior: HitTestBehavior.opaque,
+      borderRadius: BorderRadius.circular(KasyRadius.sm),
+      padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
       child: Row(
         mainAxisSize: MainAxisSize.min,
         children: [
@@ -2028,10 +2063,6 @@ class _DayCell extends StatelessWidget {
       textColor = c.onSurface;
     }
 
-    // ── Today dot ──────────────────────────────────────────────────────────
-    final bool showDot = data.isToday;
-    final Color dotColor = _isEndpoint ? const Color(0xFFFCFCFC) : c.muted;
-
     // ── Out-of-month / disabled fade ───────────────────────────────────────
     final double opacity =
         (!data.isCurrentMonth || data.isDisabled) ? 0.5 : 1.0;
@@ -2113,30 +2144,14 @@ class _DayCell extends StatelessWidget {
       );
     }
 
-    final Widget textAndDot = Stack(
-      alignment: Alignment.center,
-      children: [
-        Text(
-          data.date.day.toString(),
-          style: context.textTheme.labelLarge?.copyWith(
-            color: textColor,
-            fontWeight: FontWeight.w600,
-            height: 1.43,
-          ),
-        ),
-        if (showDot)
-          Positioned(
-            bottom: 4,
-            child: Container(
-              width: 3,
-              height: 3,
-              decoration: BoxDecoration(
-                color: dotColor,
-                borderRadius: BorderRadius.circular(12),
-              ),
-            ),
-          ),
-      ],
+    // Today is marked by the accent text color alone (no extra dot).
+    final Widget dayNumber = Text(
+      data.date.day.toString(),
+      style: context.textTheme.labelLarge?.copyWith(
+        color: textColor,
+        fontWeight: FontWeight.w600,
+        height: 1.43,
+      ),
     );
 
     // Inner cell content: endpoint circle (if any) + text. Stays 36×36 so it
@@ -2145,7 +2160,7 @@ class _DayCell extends StatelessWidget {
       alignment: Alignment.center,
       children: [
         if (endpoint != null) endpoint,
-        textAndDot,
+        dayNumber,
       ],
     );