Skip to content

Commit 967ddda

Browse files
Make time select in date filter editable (#838)
The datepicker used allows users to select time range. We populate the time select with time interval of 15 minutes. Adding more granular time options hampers the performance of the component. However, the users often need to specify time intervals that does not align with the options present. This change adds the `creatable` flag to the time select to enable this. Please note that the `creatable` flag in the underlying BaseWeb component is not quite intuitive.
1 parent 26a8fb5 commit 967ddda

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/components/date-filter/date-filter.tsx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,13 @@ export default function DateFilter({
8686
clearable={clearable}
8787
timeSelectStart
8888
timeSelectEnd
89+
overrides={{
90+
TimeSelect: {
91+
props: {
92+
creatable: true,
93+
},
94+
},
95+
}}
8996
/>
9097
</FormControl>
9198
);

0 commit comments

Comments
 (0)