# Custom time slots | change date / time element (form preset)

**URL:** <https://community.sitejet.io/t/custom-time-slots-change-date-time-element-form-preset/518>\
**Category:** Website Builder\
**Created:** [July 9, 2021, 12:52pm UTC](https://community.sitejet.io/t/custom-time-slots-change-date-time-element-form-preset/518 "2021-07-09T12:52:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![KCBro](https://avatars.discourse-cdn.com/v4/letter/k/bc8723/32.png) [@KCBro](https://community.sitejet.io/u/KCBro)\
**Post date:** [July 9, 2021, 12:52pm UTC](https://community.sitejet.io/t/custom-time-slots-change-date-time-element-form-preset/518/1 "2021-07-09T12:52:11Z")

</div>

Hello,

how can I implement a break in the date/time element of a form?

For example, reservations (restaurant) should be possible at 6:00 p.m. and 6:30 p.m., not at 7:00, but again at 7:30 p.m., 8:00 p.m. and so on.

Has anyone already implemented this / modified the date/time element?

Thanks!  
Kevin

---

<div class="post-metadata">

**Author:** ![Lucian\_Dinu](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/lucian_dinu/32/141_2.png) [@Lucian\_Dinu](https://community.sitejet.io/u/Lucian_Dinu)\
**Post date:** [August 11, 2021, 10:12am UTC](https://community.sitejet.io/t/custom-time-slots-change-date-time-element-form-preset/518/2 "2021-08-11T10:12:50Z")

</div>

Hi! Sitejet uses the browser native date/time picker/component so, there is no way to directly add a time break.

I guess the easiest way is to use the Date element only as a date picker and add a Dropdown element with your custom list of hours that you want to make available.

Hope this helps!

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [August 20, 2024, 11:12am UTC](https://community.sitejet.io/t/custom-time-slots-change-date-time-element-form-preset/518/3 "2024-08-20T11:12:51Z")

</div>


