{"id":132951,"date":"2022-02-22T17:02:25","date_gmt":"2022-02-23T00:02:25","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/frequently-asked-questions\/events\/how-do-i-add-a-calendar-date-picker-to-my-bookable-event\/"},"modified":"2026-06-03T05:27:08","modified_gmt":"2026-06-03T12:27:08","slug":"jak-dodac-selektor-daty-kalendarza-do-wydarzenia-ktore-mozna-zarezerwowac","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/pl\/docs\/frequently-asked-questions\/events\/how-do-i-add-a-calendar-date-picker-to-my-bookable-event\/","title":{"rendered":"Jak doda\u0107 selektor daty kalendarza do wydarzenia z mo\u017cliwo\u015bci\u0105 rezerwacji?"},"content":{"rendered":"\n

It’s possible to add a calendar grid to a “Bookable” event whereby clicking a specific slot will automatically select the correct slots in the date and time drop-down lists when the page reloads. The Drive-in Cinema demo<\/a> is an example of an event which works in this way.<\/p>\n\n\n\n

Here are the instructions for how to set this up:<\/p>\n\n\n\n

Method 1<\/strong><\/h3>\n\n\n\n
    \n
  1. Navigate to Products<\/b><\/li>\n\n\n\n
  2. Edit your event<\/li>\n\n\n\n
  3. Add the following shortcode to your event’s “Product short description” field:
    [fooevents_calendar post=\"123\"]
    <\/pre>
    Note: remember to change “123” to the specific event’s post ID.<\/p><\/li>\n\n\n\n
  4. Publish or update your event<\/li>\n<\/ol>\n\n\n\n
    Method 2<\/strong><\/h3>\n\n\n\n
      \n
    1. Navigate to Products<\/b> > Categories<\/b><\/li>\n\n\n\n
    2. Create a unique “Product Category” for the event where you would like a calendar date picker to display<\/li>\n\n\n\n
    3. Navigate to this “Bookable” or other type of event<\/li>\n\n\n\n
    4. Map the event to the category that you created in Step 2<\/li>\n\n\n\n
    5. Add the following shortcode to your event’s “Product short description” field:
      [fooevents_calendar include_cat=\"event-category\"]
      <\/pre>
      Note: “event-category” is the slug of the category that you created in Step 2. Please have a look at the Calendar Shortcodes page<\/a> for examples of additional attributes that you can use e.g. you can add “defaultDate” if you would like the calendar to start on a specific month.<\/p><\/li>\n\n\n\n
    6. Publish or update your event<\/li>\n<\/ol>\n\n\n\n
      This will display a calendar grid on your event page which allows the attendee to click on a booking slot, after which that date will automatically be selected in the booking drop-down list.<\/p>\n","protected":false},"excerpt":{"rendered":"
      It’s possible to add a calendar grid to a “Bookable” event whereby clicking a specific slot will automatically select the correct slots in the date and time drop-down lists when the page reloads. The Drive-in Cinema demo is an example of an event which works in this way. Here are the instructions for how to […]<\/p>\n","protected":false},"featured_media":0,"parent":158,"menu_order":11,"template":"","doc_tag":[439,376,336,438,375,377],"class_list":["post-132951","docs","type-docs","status-publish","hentry","doc_tag-bookable","doc_tag-booking","doc_tag-calendar","doc_tag-date-picker","doc_tag-fooevents-bookings","doc_tag-slot"],"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs\/132951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs\/132951\/revisions"}],"predecessor-version":[{"id":148412,"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs\/132951\/revisions\/148412"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs\/158"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/media?parent=132951"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/doc_tag?post=132951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}