Time picker - only allow picking every half hour?

Howdy folks, I’m using a time selector but I’d love limit my users to only be able to select every half hour, eg 10:30/11:00/11:30. Is there an easy way to do this?

Hi @oli :waving_hand:

I don’t think we have the time interval setting in our native element (just made a note to double check with the product team) but I was just able to create a time picker like you described with this prompt:

Can you build a time picker component where users can choose times on the hour or half hour? For example, they could see options for 10:30, 11:00, 11:30 but not 11:05 or 10:32

It looked like this out of the box but I’m sure you can iterate with AI or edit the code directly to make it look nicer and suit your needs perfectly :slight_smile:

CleanShot 2025-04-20 at 21.04.50

1 Like

Oh that’s a great idea, will play around with it! Thanks @Joyce

1 Like

Just want to say this worked like a charm, and was the final push needed for us upgrading our team seats to include more AI credits. Thank you!