update pagination input size + set outFormat to YYYY-MM-DD

appsmithorg · May 16, 2024 · 01e278b · 01e278b
1 parent 0b9e515
commit 01e278b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/TableHeader/styles.module.css b/app/client/src/widgets/wds/WDSTableWidget/component/TableHeader/styles.module.css
@@ -22,11 +22,12 @@
   }
 
   & [data-table-header-pagination] > [data-field] {
-    width: 5ch;
+    width: max-content;
   }
 
   & [data-table-header-pagination] > [data-field] input {
     text-align: center;
+    width: 3ch;
   }
 }
 

diff --git a/app/client/src/widgets/wds/WDSTableWidget/config/propertyPaneConfig/PanelConfig/Data.ts b/app/client/src/widgets/wds/WDSTableWidget/config/propertyPaneConfig/PanelConfig/Data.ts
@@ -337,7 +337,7 @@ export default {
           value: "MM/DD/YY",
         },
       ],
-      defaultValue: "YYYY-MM-DD HH:mm",
+      defaultValue: "YYYY-MM-DD",
       hidden: (props: TableWidgetProps, propertyPath: string) => {
         const baseProperty = getBasePropertyPath(propertyPath);
         const columnType = get(props, `${baseProperty}.columnType`, "");

diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx b/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx
@@ -54,7 +54,7 @@ export const getColumnsPureFn: getColumns = (
         metaProperties: {
           isHidden: isHidden,
           type: column.columnType,
-          format: column.outputFormat || "",
+          format: column.outputFormat || "YYYY-MM-DD",
           inputFormat: column.inputFormat || "",
           decimals: column.decimals || 0,
         },