fix: styling regressions with the v9 changes

SeanCassiere · Aug 1, 2024 · 4240006 · 4240006
1 parent ef090ec
commit 4240006
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/components/ui/input-datepicker.tsx b/src/components/ui/input-datepicker.tsx
@@ -76,13 +76,13 @@ function InputDatePicker({
         {children}
         <PopoverContent
           align={align}
-          className="max-w-[300px] px-0 pb-1.5 pt-1"
+          className="w-full max-w-[400px] px-0 pb-1.5 pt-1"
         >
           {mode === "date" || mode === "datetime" ? (
             <Calendar
               mode="single"
-              initialFocus
-              className="pb-1"
+              autoFocus
+              className="p-3"
               selected={value}
               onSelect={(date) => {
                 if (!onChange) return;

diff --git a/src/routes/_auth/(reports)/-components/view-report/page-filter.tsx b/src/routes/_auth/(reports)/-components/view-report/page-filter.tsx
@@ -81,6 +81,8 @@ export function DateReportFilter(props: ReportFilterProps) {
         <PopoverContent className={cn("p-0", "w-auto")} align="start">
           <Calendar
             mode="single"
+            autoFocus
+            className="px-2 py-3"
             selected={baseState ? new Date(baseState) : undefined}
             today={baseState ? new Date(baseState) : new Date()}
             onSelect={(day) => {
@@ -93,7 +95,6 @@ export function DateReportFilter(props: ReportFilterProps) {
 
               setCriteriaValue(props.accessor, dateFormat(day));
             }}
-            initialFocus
           />
         </PopoverContent>
       </Popover>

diff --git a/src/routes/_auth/-modules/table-list/toolbar.tsx b/src/routes/_auth/-modules/table-list/toolbar.tsx
@@ -535,6 +535,8 @@ function ToolbarFilter({
           {type === "date" && (
             <Calendar
               mode="single"
+              className="p-2 pt-3"
+              autoFocus
               selected={
                 baseState?.value && typeof baseState.value === "string"
                   ? new Date(baseState.value)
@@ -543,7 +545,6 @@ function ToolbarFilter({
               onSelect={(day) => {
                 handleSaveValue(day, "date");
               }}
-              initialFocus
             />
           )}
           {type === "text" && (