Filter Timezones by cities

[Toledodev]

What i tried to do?
.I was trying to filter the timezones by cities, type the name of a city and be rendered in the dropdown the city or the corrersponding timezone, it is possible? I noticed that the library doens't have data besides the timezones.
.I even tried to create a relationship between this library and another that provides the data of the citeis but it was not possible, becausa the "Timezones" prop does not accept anything different from what it already has in it

Example:
.If i type "San Diego" in the input it should suggest the San Diego timezone, the suggestion can be either to render at once the timezone in which the city exists.
This is how it is now:

https://user-images.githubusercontent.com/87545086/173698851-637d3fb1-1ce5-4205-bcda-736f09bb1626.mp4

Dont' have any suggestions about the city(the value on input)

Could have a feature to make it possible to put more name options for the same timezone. So it would be possible to filter by city too(if the code wants to show these custom cities)

[ndom91]

Yeah unfortunately it just filters by values that are in the drop-down, i.e. the predefined city combinations.

I don't want to add a dynamic "all city timezone lookup" to this drop-down filtering.

But you can add custom cities, see the "custom timezones" section in the readme 👍

[PeerRich]

we use react-timezone-select at https://github.com/calcom/cal.com and would love to have a way to put cities in the search bar, but not show them in the dropdown (only once you start typing).

I don't want to add a dynamic "all city timezone lookup" to this drop-down filtering.

why not?

would you accept a PR if we build this for react-timezone-select?

[ndom91]

we use react-timezone-select at https://github.com/calcom/cal.com and would love to have a way to put cities in the search bar, but not show them in the dropdown (only once you start typing).

I don't want to add a dynamic "all city timezone lookup" to this drop-down filtering.

why not?

would you accept a PR if we build this for react-timezone-select?

Yeah so I'm against accepting a PR 😅 , my only concern is slowing down typing / filtering if it's constantly searching for cities/timezones

[ndom91]

we use react-timezone-select at https://github.com/calcom/cal.com and would love to have a way to put cities in the search bar, but not show them in the dropdown (only once you start typing).

I don't want to add a dynamic "all city timezone lookup" to this drop-down filtering.

why not?

would you accept a PR if we build this for react-timezone-select?

---

Yeah so I'm against accepting a PR 😅 , my only concern is slowing down typing / filtering if it's constantly searching for cities/timezones

@PeerRich Sorry, typo, NOT against 😂

[PeerRich]

we use react-timezone-select at https://github.com/calcom/cal.com and would love to have a way to put cities in the search bar, but not show them in the dropdown (only once you start typing).

I don't want to add a dynamic "all city timezone lookup" to this drop-down filtering.

why not?

would you accept a PR if we build this for react-timezone-select?

---

Yeah so I'm against accepting a PR 😅 , my only concern is slowing down typing / filtering if it's constantly searching for cities/timezones

@PeerRich Sorry, typo, NOT against 😂

that edit makes a lot more sense 🤣

cool if we fix this for ourselves we will contribute it back to this repo via a PR 👏

[Toledodev]

I can try, since I was already trying to do

[ndom91]

Yeah, that'd be great! If you guys submit a PR i'd be happy to take a look and get it over the finish line together 👍

[PeerRich]

I can try, since I was already trying to do

@Toledodev that would be wonderful!

I bet @ndom91 and me can split the bounty 🤑

[PeerRich]

I can try, since I was already trying to do

@Toledodev any update on this?

[Toledodev]

Hey @PeerRich , I created a pr that gives when developing the possibility to add custom cities in the code

[Toledodev]

The react-timezone-select library has its timezones with their default values, by adding an "extraLabels" prop it is possible to link a city with its specific timezone and render it in the dropdown

[Toledodev]

What do you think? @PeerRich

[PeerRich]

where is the link?