trotl-filter 1.0.7 → 1.0.8

package/dist/index.cjs.js

@@ -8821,6 +8821,7 @@ function DateTimeInput({
   className = "",
   style = {},
   predefinedRanges = ["today", "yesterday"],
+  startWith = "sunday",
   ...rest
 }) {
   const paramKey = pushUrlParamObj || null;
@@ -9019,8 +9020,12 @@ function DateTimeInput({
   // Build calendar days (6 weeks grid)
   const buildDays = () => {
     const startOfMonth = new Date(monthCursor.getFullYear(), monthCursor.getMonth(), 1);
-    const dayOfWeek = startOfMonth.getDay(); // 0 Sun ... 6 Sat
-    // We start at Sunday of the week containing the 1st
+    let dayOfWeek = startOfMonth.getDay(); // 0 Sun ... 6 Sat
+    // Adjust for Monday start
+    if (startWith === "monday") {
+      dayOfWeek = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
+    }
+    // We start at the first day of the week containing the 1st
     const firstGridDate = new Date(startOfMonth);
     firstGridDate.setDate(startOfMonth.getDate() - dayOfWeek);
     const days = [];
@@ -9257,7 +9262,7 @@ function DateTimeInput({
       marginBottom: 4,
       opacity: 0.8
     }
-  }, ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map(d => /*#__PURE__*/React.createElement("div", {
+  }, (startWith === "monday" ? ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'] : ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']).map(d => /*#__PURE__*/React.createElement("div", {
     key: d,
     style: {
       textAlign: 'center'
@@ -9369,6 +9374,7 @@ DateTimeInput.propTypes = {
  *   onChange: (startDate, endDate) => void
  *   time: boolean - if true, show time selectors
  *   timeStart, timeEnd: default times for start/end
+ *   startWith: "sunday" | "monday" - first day of week
  */
 function CalendarRangePicker({
   startDate,
@@ -9376,7 +9382,8 @@ function CalendarRangePicker({
   onChange,
   time = false,
   timeStart = "00:00",
-  timeEnd = "23:59"
+  timeEnd = "23:59",
+  startWith = "sunday"
 }) {
   // Current view months (show 2 months)
   const [leftMonth, setLeftMonth] = React.useState(() => {
@@ -9454,7 +9461,11 @@ function CalendarRangePicker({
     const monthIdx = month.getMonth();
     const firstDay = new Date(year, monthIdx, 1);
     const lastDay = new Date(year, monthIdx + 1, 0);
-    const startWeekday = firstDay.getDay(); // 0 = Sunday
+    let startWeekday = firstDay.getDay(); // 0 = Sunday
+    // Adjust for Monday start
+    if (startWith === "monday") {
+      startWeekday = startWeekday === 0 ? 6 : startWeekday - 1;
+    }
     const daysInMonth = lastDay.getDate();
     const days = [];
     // Padding days from previous month
@@ -9501,7 +9512,7 @@ function CalendarRangePicker({
         gridTemplateColumns: "repeat(7, 1fr)",
         gap: 2
       }
-    }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(day => /*#__PURE__*/React.createElement("div", {
+    }, (startWith === "monday" ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]).map(day => /*#__PURE__*/React.createElement("div", {
       key: day,
       style: {
         textAlign: "center",
@@ -9605,7 +9616,8 @@ CalendarRangePicker.propTypes = {
   onChange: PropTypes.func.isRequired,
   time: PropTypes.bool,
   timeStart: PropTypes.string,
-  timeEnd: PropTypes.string
+  timeEnd: PropTypes.string,
+  startWith: PropTypes.oneOf(["sunday", "monday"])
 };
 
 /**
@@ -9805,6 +9817,7 @@ function RangePicker({
   min,
   max,
   predefinedRanges = PREDEFINED_RANGES,
+  startWith = "sunday",
   ...rest
 }) {
   const paramKey = pushUrlParamObj || null;
@@ -10138,7 +10151,8 @@ function RangePicker({
     },
     time: time,
     timeStart: timeStart,
-    timeEnd: timeEnd
+    timeEnd: timeEnd,
+    startWith: startWith
   }), processedRanges && processedRanges.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 12,
@@ -10226,6 +10240,7 @@ RangePicker.propTypes = {
   style: PropTypes.object,
   min: PropTypes.string,
   max: PropTypes.string,
+  startWith: PropTypes.oneOf(["sunday", "monday"]),
   predefinedRanges: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string,
   // e.g., "today", "yesterday", "lastweek"
   PropTypes.number,