fix bug

assets/styling/admin.css

@@ -252,6 +252,56 @@
     gap: 12px;
 }
 
+.orders-date-trigger {
+    width: 100%;
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 0.55rem 0.9rem;
+    border-radius: calc(var(--radius) - 1px);
+    border: 1px solid hsl(var(--border));
+    background-color: hsl(var(--background));
+    color: hsl(var(--foreground));
+    box-shadow: inset 0 1px 0 hsl(var(--background));
+    transition:
+        border-color 0.2s ease,
+        box-shadow 0.2s ease,
+        background-color 0.2s ease;
+    font-size: 0.95rem;
+}
+
+.orders-date-trigger:hover {
+    border-color: hsl(var(--ring));
+    background-color: hsl(var(--muted));
+}
+
+.orders-date-trigger-text {
+    flex: 1;
+    text-align: left;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.orders-date-trigger-icon {
+    font-size: 0.95rem;
+    opacity: 0.7;
+}
+
+.orders-date-popover {
+    padding: 12px;
+    min-width: 320px;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.orders-date-actions {
+    display: flex;
+    justify-content: flex-end;
+}
+
 .orders-empty {
     padding: 60px 20px;
     text-align: center;

assets/styling/shadcn.css

@@ -1376,7 +1376,8 @@
 .ui-date-range-calendars {
     display: grid;
     gap: 1rem;
-    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    min-width: 460px;
+    grid-template-columns: repeat(2, minmax(220px, 1fr));
 }
 
 .ui-date-range-calendars > .ui-date-range-calendar {