UI: allow custom date format in DateCell, DateFilter, FilterBox, DateTimeLabel

Author: sofa-tata

dist/cjs/index.js

@@ -16,6 +16,8 @@ interface DateTimePickerProps {
     disabled?: boolean;
     canClear?: boolean;
     showNow?: boolean;
+    enableCustomFormat?: boolean;
+    customFormat?: string;
 }
 declare function DateTimePicker(props: DateTimePickerProps): JSX.Element;
 export default DateTimePicker;

dist/cjs/index.js.map

@@ -6,6 +6,8 @@ interface DateTimeLabelProps {
     showSeconds?: boolean;
     showTime?: boolean;
     disabled?: boolean;
+    enableCustomFormat?: boolean;
+    customFormat?: string;
 }
 declare function DateTimeLabel(props: DateTimeLabelProps): JSX.Element;
 export default DateTimeLabel;

dist/cjs/types/components/DateTimePicker/DateTimePicker.d.ts

@@ -4,6 +4,8 @@ interface FilterBoxProps {
     name: string;
     value: string | Array<string> | Record<string, unknown>;
     onDelete: () => void;
+    hasCustomDateFormat?: boolean;
+    customDateFormat?: string;
 }
-declare function FilterBox({ name, value: value, onDelete }: FilterBoxProps): JSX.Element;
+declare function FilterBox({ name, value: value, onDelete, hasCustomDateFormat, customDateFormat }: FilterBoxProps): JSX.Element;
 export default FilterBox;

dist/cjs/types/components/DateTimePicker/components/DateTimeLabel/DateTimeLabel.d.ts

@@ -89,7 +89,9 @@ interface TableProps<Data extends Record<string, unknown>> {
      * Must be memoized
      */
     groupBy?: string[];
+    hasCustomDateFormat?: boolean;
+    customDateFormat?: string;
 }
-declare function Table<Values extends Record<string, unknown>>({ columns, data, rowActions, tableActions, title, defaultSort, globalFilter, defaultGlobalFilter, checkRowSelected, checkRowHighlighted, getRowId, addFilterToUrl, RowSubComponent, listenerPrefix, onRowClick, miniTable, filterCategory, fixedPageSize, disableActionsPortal, maxRows, emptyMessage, colPropForShowColumns, manualPagination, itemsAmount, canExpandAll, loading, onFiltersChanged, defaultDescendingSort, customRowActions, manualFilters, extraClasses, initialFilters: initialUserFilters, groupBy }: TableProps<Values>): JSX.Element;
+declare function Table<Values extends Record<string, unknown>>({ columns, data, rowActions, tableActions, title, defaultSort, globalFilter, defaultGlobalFilter, checkRowSelected, checkRowHighlighted, getRowId, addFilterToUrl, RowSubComponent, listenerPrefix, onRowClick, miniTable, filterCategory, fixedPageSize, disableActionsPortal, maxRows, emptyMessage, colPropForShowColumns, manualPagination, itemsAmount, canExpandAll, loading, onFiltersChanged, defaultDescendingSort, customRowActions, manualFilters, extraClasses, initialFilters: initialUserFilters, groupBy, hasCustomDateFormat, customDateFormat }: TableProps<Values>): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Table>;
 export default _default;

dist/cjs/types/components/FilterBox/FilterBox.d.ts

@@ -5,6 +5,8 @@ interface ExtendedFiltersColumn<T extends object> extends UseFiltersColumnProps<
     Header: string;
     id?: string;
     customTitle?: string;
+    enableCustomFormat?: boolean;
+    customFormat?: string;
 }
 interface DateFilterProps {
     column: ExtendedFiltersColumn<object>;

dist/cjs/types/components/Table/Table.d.ts

@@ -55,6 +55,12 @@ export declare const TIME_PARTS: {
     MINUTE: string;
     SECOND: string;
 };
+export declare const TIME_FORMATS: {
+    DATE: string;
+    DATE_TIME: string;
+    DATE_TIME_SECONDS: string;
+    DATE_TIME_SECONDS_MS: string;
+};
 interface SeverityIcons {
     [key: string]: any;
 }