grsoares21 / anemoi-ui Goto Github PK

Currently the timezone displayed for all timings is the current user timezone.
But it makes much more sense to have the timezone of each place on departure and arrival.

Currently we use react-input-range. For all our number sliders in the application. However, this component doesn't seem to be maintained anymore.

Besides that, the component offers a suboptimal experience on mobile phones. Specially in the advanced fitlers menu, where dragging the value actually is interpreted as dragging the menu (this might be caused by the menu itself and not the component).

react-input-range also has had poor performance when its updates triggered re-renders in the application.

The propose of this issue is to find a solution for these problems. This might mean not using a slider at all for these inputs or trying a different slider component (a good bet might be Rhostat which is maintained by Airbnb).

The priority here is good User Experience on both mobile and web (even if it means using different components for mobile and web).