Start by reading this introduction article on how to make widget customizations. Once you feel comfortable making config code changes, you can continue here.

The widget is primarily designed for short time slots that fit within a week/agenda view, i.e. 30 minutes to 6 hours. 

If you have a use case where you want to expose all-day events, you can tweak the project widget to show a month view instead. This is ideal for use-cases like rentals where resources are rented out on a day-by-day basis.

How we'll achieve this:

  1. Make sure that only 1 timeslot can fit within the availability constraints per day.
  2. Make FullCalendar use the month view instead of agenda view

If you're embedding project widgets that you created through our admin, your code should look something like this:

<div id="bookingjs"></div>
<script src=""></script>
<script src=""></script>
  window.timekitBookingConfig = {
    widgetId: '6a6c24ce-41a6-4114-9c15-de9ec3d92630',
    timekitFindTime: {
      length: '9 hours',
      start: 'tomorrow',
      filters: {
        and: [
          { specific_time: { start: '8', end: '17' }}
    fullCalendar: {
      defaultView: 'month'

Just replace the widgetId with you own and you're good to go 👌

Note: the visual result is not ideal as timeslots are still shown with their start time, but if you can live with that, it should work just fine.

Did this answer your question?