noorui-rtl 0.4.5 → 0.4.6

package/CHANGELOG.md

@@ -13,6 +13,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - TimePicker & TimeRangePicker popups appear on wrong side in RTL mode
   - Need to add automatic direction detection (similar to DropdownMenu pattern)
 
+## [0.4.6] - 2025-12-08
+
+### Fixed
+- **Calendar Component**: Fixed form submission issue when used inside forms
+  - Added `type="button"` to all navigation buttons (previous month, next month, today)
+  - Added `type="button"` to all date selection buttons
+  - Prevents unintended form submissions when selecting dates or navigating months
+  - Resolves issue where clicking calendar buttons would trigger parent form submit handlers
+
+### Notes
+This is a critical bugfix for forms containing Calendar components in range or single selection mode. Previously, clicking any button within the Calendar would trigger form submission, causing premature validation and unexpected behavior.
+
+---
+
 ## [0.4.5] - 2025-12-07
 
 ### Changed

package/dist/index.js

@@ -3375,7 +3375,7 @@ var home = {
       },
       recentWins: {
         title: "Recent Wins",
-        performance: "NPM package published (noorui-rtl v0.4.4)",
+        performance: "NPM package published (noorui-rtl v0.4.5)",
         skeletons: "74+ production-ready components with full documentation",
         components: "10+ complete demo projects (Blog, Marketplace, AI workflows)",
         rebranding: "Full RTL/LTR support for ALL RTL languages (Arabic, Hebrew, Urdu, Farsi) + WCAG AA accessibility"
@@ -11779,7 +11779,7 @@ var home2 = {
       },
       recentWins: {
         title: "\u0627\u0644\u0625\u0646\u062C\u0627\u0632\u0627\u062A \u0627\u0644\u0623\u062E\u064A\u0631\u0629",
-        performance: "\u062A\u0645 \u0646\u0634\u0631 \u062D\u0632\u0645\u0629 NPM (noorui-rtl v0.4.4)",
+        performance: "\u062A\u0645 \u0646\u0634\u0631 \u062D\u0632\u0645\u0629 NPM (noorui-rtl v0.4.5)",
         skeletons: "\u0623\u0643\u062B\u0631 \u0645\u0646 74 \u0645\u0643\u0648\u0646 \u062C\u0627\u0647\u0632 \u0644\u0644\u0625\u0646\u062A\u0627\u062C \u0645\u0639 \u062A\u0648\u062B\u064A\u0642 \u0643\u0627\u0645\u0644",
         components: "\u0623\u0643\u062B\u0631 \u0645\u0646 10 \u0645\u0634\u0627\u0631\u064A\u0639 \u0639\u0631\u0636 \u0643\u0627\u0645\u0644\u0629 (\u0645\u062F\u0648\u0646\u0629\u060C \u0633\u0648\u0642\u060C \u0633\u064A\u0631 \u0639\u0645\u0644 AI)",
         rebranding: "\u062F\u0639\u0645 \u0643\u0627\u0645\u0644 \u0644\u062C\u0645\u064A\u0639 \u0627\u0644\u0644\u063A\u0627\u062A RTL (\u0627\u0644\u0639\u0631\u0628\u064A\u0629\u060C \u0627\u0644\u0639\u0628\u0631\u064A\u0629\u060C \u0627\u0644\u0623\u0631\u062F\u064A\u0629\u060C \u0627\u0644\u0641\u0627\u0631\u0633\u064A\u0629) + \u0625\u0645\u0643\u0627\u0646\u064A\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 WCAG AA"
@@ -18273,6 +18273,7 @@ var Calendar2 = React74__namespace.forwardRef(
     return /* @__PURE__ */ React74__namespace.createElement("div", { ref, className: cn("w-full p-4", className), ...props }, /* @__PURE__ */ React74__namespace.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React74__namespace.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React74__namespace.createElement(
       Button,
       {
+        type: "button",
         variant: "outline",
         size: "icon",
         onClick: isRTL ? goToNextMonth : goToPreviousMonth,
@@ -18282,13 +18283,14 @@ var Calendar2 = React74__namespace.forwardRef(
     ), /* @__PURE__ */ React74__namespace.createElement(
       Button,
       {
+        type: "button",
         variant: "outline",
         size: "icon",
         onClick: isRTL ? goToPreviousMonth : goToNextMonth,
         className: "h-8 w-8"
       },
       /* @__PURE__ */ React74__namespace.createElement(lucideReact.ChevronRight, { className: "h-4 w-4" })
-    )), /* @__PURE__ */ React74__namespace.createElement("div", { className: "text-center" }, /* @__PURE__ */ React74__namespace.createElement("h2", { className: "text-lg font-semibold" }, monthName), showHijri && hijriMonthYear && /* @__PURE__ */ React74__namespace.createElement("p", { className: "text-sm text-muted-foreground" }, hijriMonthYear)), /* @__PURE__ */ React74__namespace.createElement(Button, { variant: "outline", size: "sm", onClick: goToToday }, t.ui.components.today)), /* @__PURE__ */ React74__namespace.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React74__namespace.createElement("div", { className: "grid grid-cols-7 gap-1" }, weekDays.map((day, index) => /* @__PURE__ */ React74__namespace.createElement(
+    )), /* @__PURE__ */ React74__namespace.createElement("div", { className: "text-center" }, /* @__PURE__ */ React74__namespace.createElement("h2", { className: "text-lg font-semibold" }, monthName), showHijri && hijriMonthYear && /* @__PURE__ */ React74__namespace.createElement("p", { className: "text-sm text-muted-foreground" }, hijriMonthYear)), /* @__PURE__ */ React74__namespace.createElement(Button, { type: "button", variant: "outline", size: "sm", onClick: goToToday }, t.ui.components.today)), /* @__PURE__ */ React74__namespace.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React74__namespace.createElement("div", { className: "grid grid-cols-7 gap-1" }, weekDays.map((day, index) => /* @__PURE__ */ React74__namespace.createElement(
       "div",
       {
         key: index,
@@ -18308,6 +18310,7 @@ var Calendar2 = React74__namespace.forwardRef(
       return /* @__PURE__ */ React74__namespace.createElement(
         "button",
         {
+          type: "button",
           key: index,
           onClick: () => handleDateClick(gregorian),
           disabled: isDisabled,