CMS Filter Date Issue

Attributes
1

Hello Finsweet Support Team,

I am encountering an issue with the CMS Filter on Safari where the following error appears:

Unhandled Promise Rejection: RangeError: date value is not finite in DateTimeFormat format()

This issue does not occur in Chrome, where the CMS Filter works perfectly fine. The attributes have been correctly added, and the date format used is ‘July 4, 2021’.

You can test the issue on our site here: https://events-elevate.webflow.io/ under the date picker titled ‘Veranstaltungstermin’.

Could you please investigate this issue and provide a resolution? Your assistance would be greatly appreciated.

2

hey @acbdev! Can you please share a read-only?

3

Here you go! Webflow - Events

4

Hey @Support-Luis! It would be great if we could get an update on this :slight_smile:

5

Hello @acbdev! Sorry for the delay!

Now that I think of it, we might not need to add the fs-cmsfilter-type=“date” to the checkboxes or the item filter field.

I say this as we are using checkboxes whose labels are in the same format as the filter field and not a date picker or another input.

You can give it a go by simply moving the fs-cmsfilter-field="date" attribute from the c-checkbox__container to the label.

6

Hi @Support-Luis!

Thank you for this.

Unfortunately, we’re still experiencing the error issue in Safari.

Is there anything else we could try?

7

Hey @acbdev! I see you’ve added the fs-cmsfilter-type="date" attribute to the checkbox container and the checkbox label, can we remove it from the parent and leave it on the label?

You can also test what I mentioned earlier and remove the fs-cmsfilter-type="date" attribute altogether as we are not using a date picker or date field for this filter element.

Checkbox label matches the text exactly on your item cards so the search should return a match.

8

Thank you, @Support-Luis! All fixed now :slight_smile: