fix: calendart rtl navigation buttons (#415)

Author: nank1ro

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.28.5
+
+- **FIX**: `ShadCalendar` back and forward buttons on RTL (thanks to @Harith Haroon).
+
 ## 0.28.4
 
 - **FEAT**: Add `cursorColor` to `ShadInput` (thanks to @GuillaumeMCK).

lib/src/components/calendar.dart

@@ -1,7 +1,7 @@
 import 'package:collection/collection.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:intl/intl.dart';
+import 'package:intl/intl.dart' hide TextDirection;
 import 'package:lucide_icons_flutter/lucide_icons.dart';
 import 'package:shadcn_ui/src/components/button.dart';
 import 'package:shadcn_ui/src/components/icon_button.dart';
@@ -1461,17 +1461,19 @@ class _ShadCalendarState extends State<ShadCalendar> {
           final isFirstMonth = index == 0;
           final isLastMonth = index == models.length - 1;
 
-          final labelNavigation = Stack(
+          final labelNavigation = Row(
+            textDirection: TextDirection.ltr,
             children: [
               if (isFirstMonth && !effectiveHideNavigation) backButton,
-              Center(
-                child: Text(
-                  effectiveFormatMonthYear(dateModel.month),
-                  style: effectiveHeaderTextStyle,
+              Expanded(
+                child: Center(
+                  child: Text(
+                    effectiveFormatMonthYear(dateModel.month),
+                    style: effectiveHeaderTextStyle,
+                  ),
                 ),
               ),
-              if (isLastMonth && !effectiveHideNavigation)
-                Align(alignment: Alignment.topRight, child: forwardButton),
+              if (isLastMonth && !effectiveHideNavigation) forwardButton,
             ],
           );
 
@@ -1496,6 +1498,7 @@ class _ShadCalendarState extends State<ShadCalendar> {
                         : switch (effectiveCaptionLayout) {
                             ShadCalendarCaptionLayout.label => labelNavigation,
                             ShadCalendarCaptionLayout.dropdown => Row(
+                                textDirection: TextDirection.ltr,
                                 children: [
                                   if (!effectiveHideNavigation) backButton,
                                   Expanded(
@@ -1516,6 +1519,7 @@ class _ShadCalendarState extends State<ShadCalendar> {
                                 ],
                               ),
                             ShadCalendarCaptionLayout.dropdownMonths => Row(
+                                textDirection: TextDirection.ltr,
                                 children: [
                                   if (!effectiveHideNavigation) backButton,
                                   Expanded(
@@ -1541,6 +1545,7 @@ class _ShadCalendarState extends State<ShadCalendar> {
                                 ],
                               ),
                             ShadCalendarCaptionLayout.dropdownYears => Row(
+                                textDirection: TextDirection.ltr,
                                 children: [
                                   if (!effectiveHideNavigation) backButton,
                                   Expanded(

pubspec.yaml

@@ -1,6 +1,6 @@
 name: shadcn_ui
 description: shadcn/ui ported in Flutter. Awesome UI components for Flutter, fully customizable.
-version: 0.28.4
+version: 0.28.5
 homepage: https://flutter-shadcn-ui.mariuti.com
 repository: https://github.com/nank1ro/flutter-shadcn-ui
 documentation: https://flutter-shadcn-ui.mariuti.com