Set status modal doesn't load in Safari after setting "Clear status after"

Summary

In Safari, if you set the Clear status after field when setting your status the modal won't load when you go to edit your status.

Steps to reproduce

  1. Use Safari
  2. Click on your avatar in the upper right corner
  3. Click Set status
  4. Fill out the form and choose a value from Clear status after
  5. Click on your avatar in the upper right corner
  6. Click Edit status

Workaround

  • Use a browser other than Safari

Or

  • Click Remove status and set your status again

What is the current bug behavior?

Modal doesn't load

What is the expected correct behavior?

Modal should load

Relevant logs and/or screenshots

Screenshot_2023-01-26_at_12.42.20_PM

Possible fixes

In app/assets/javascripts/set_status_modal/set_status_form.vue#L84 we parse the date supplied by the backend. But this date is formatted with dashes instead of slashes and Safari doesn't support parsing dates with dashes.

We need to convert the date to a format that Safari supports