@juspay/svelte-ui-components 2.80.7 → 2.80.8

package/dist/Calendar/Calendar.svelte

@@ -154,6 +154,12 @@
     return n;
   }
 
+  function endOfDay(d: Date): Date {
+    const newDate = new SvelteDate(d);
+    newDate.setHours(23, 59, 59, 999);
+    return newDate;
+  }
+
   function isSameDay(a: Date, b: Date): boolean {
     return (
       a.getFullYear() === b.getFullYear() &&
@@ -206,6 +212,8 @@
         if (date.getTime() < normalizeDate(start).getTime()) {
           rangeEnd = start;
           rangeStart = date;
+        } else if (isSameDay(date, start)) {
+          rangeEnd = endOfDay(date);
         } else {
           rangeEnd = date;
         }

package/dist/DateRangePicker/DateRangePicker.svelte

@@ -347,10 +347,10 @@
       if (draftStart !== null && draftEnd !== null) {
         // Fold the time-of-day inputs onto the committed dates when time selection is on.
         const appliedStart = showTimeSelection
-          ? (applyTimeDisplay(draftStart, startTimeDisplay) ?? draftStart)
+          ? (applyTimeDisplay(draftStart, startTimeDisplay, 'start') ?? draftStart)
           : draftStart;
         const appliedEnd = showTimeSelection
-          ? (applyTimeDisplay(draftEnd, endTimeDisplay) ?? draftEnd)
+          ? (applyTimeDisplay(draftEnd, endTimeDisplay, 'end') ?? draftEnd)
           : draftEnd;
         rangeStart = appliedStart;
         rangeEnd = appliedEnd;

package/dist/DateRangePicker/properties.d.ts

@@ -16,6 +16,7 @@ export type DateRangePreset = {
 export type DateRangePickerMode = 'range' | 'single';
 export type DateRangePickerAlign = 'left' | 'right';
 export type DateRangePickerTimeLayout = 'toggle' | 'inline';
+export type TimeDisplayBoundary = 'start' | 'end';
 export type OptionalDateRangePickerProperties = {
     /** Currently selected start of range (bindable). */
     rangeStart?: Date | null;

package/dist/DateRangePicker/timeUtils.d.ts

@@ -1,3 +1,4 @@
+import type { TimeDisplayBoundary } from './properties';
 /** Matches a 12-hour clock display such as "2:30 PM" or "02:05 am". */
 export declare const TIME_DISPLAY_PATTERN: RegExp;
 /** Parse a 12-hour display string into 24-hour hours/minutes, or null when invalid. */
@@ -8,6 +9,6 @@ export declare const parseTimeDisplay: (display: string) => {
 /** Format a Date's time-of-day as a 12-hour display string, e.g. "02:30 PM". */
 export declare const formatTimeDisplay: (date: Date) => string;
 /** Return a new Date with the time-of-day from a 12-hour display string applied, or null when invalid. */
-export declare const applyTimeDisplay: (date: Date, display: string) => Date | null;
+export declare const applyTimeDisplay: (date: Date, display: string, boundary: TimeDisplayBoundary) => Date | null;
 /** Minutes-since-midnight for ordering comparisons, or null when the display is invalid. */
 export declare const toMinutesOfDay: (display: string) => number | null;

package/dist/DateRangePicker/timeUtils.js

@@ -1,4 +1,3 @@
-// Time-of-day helpers for the DateRangePicker's built-in date + time inputs.
 /** Matches a 12-hour clock display such as "2:30 PM" or "02:05 am". */
 export const TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i;
 const pad = (n) => n.toString().padStart(2, '0');
@@ -27,13 +26,18 @@ export const formatTimeDisplay = (date) => {
     return `${pad(hours12)}:${pad(date.getMinutes())} ${meridiem}`;
 };
 /** Return a new Date with the time-of-day from a 12-hour display string applied, or null when invalid. */
-export const applyTimeDisplay = (date, display) => {
+export const applyTimeDisplay = (date, display, boundary) => {
     const parsed = parseTimeDisplay(display);
     if (parsed === null) {
         return null;
     }
     const next = new Date(date.getTime());
-    next.setHours(parsed.hours, parsed.minutes, 0, 0);
+    if (boundary === 'end') {
+        next.setHours(parsed.hours, parsed.minutes, 59, 999);
+    }
+    else {
+        next.setHours(parsed.hours, parsed.minutes, 0, 0);
+    }
     return next;
 };
 /** Minutes-since-midnight for ordering comparisons, or null when the display is invalid. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "2.80.7",
+  "version": "2.80.8",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",