Highlight matching cells in temporal cell types within the Record Selector #1889
Labels
ready
Ready for implementation
type: enhancement
New feature or request
work: frontend
Related to frontend code in the mathesar_ui directory
Milestone
Current behavior
In the Record Selector, searching for a record via text columns show results that highlight the cells which match and don't match the search query.
Columns of type "Date", "Date & Time", "Time", and "Duration" do not highlight the matching values like this.
Notice how in the image below we have a search term
04/15/2025
which matchesthe cell in the first row, but that matching cell is not colored yellow like the other matches
Desired behavior
Implementation
DateTimeCell.svelte
.TextBoxCell.svelte
accepts asearchValue
prop? We should add that prop toDateTimeCell
as well. (ThesearchValue
prop is already passed toDateTimeCell
viaCellFabric.svelte
.)DateTimeCell
should usedayjs
to attempt to format the search value to match the canonical value returned from the API. In the screenshot above, the API value is"2025-04-15 AD"
. We need to format dates, date-times, times, and durations to match those API formats. We may need to consider timezones in some cases too.The text was updated successfully, but these errors were encountered: