How to add date and time picker calendar component to your Framer website
Integrate a date and time picker component into your Framer website using the Frameblox UI Kit and Plugin. This kit includes a prebuilt component that seamlessly fits into your website forms.
How can you add the date and time picker calendar component to your form on your Framer website?
First, add a form to your website if it's not already there. Go to the Insert menu at the top, find Forms, and drag the Form Builder card onto your website.
Open the Frameblox Plugin and sign in to your Frameblox Pro account. If you don't have one yet, you can purchase your Pro license here.
Go to the Components navigation menu.
Find the Input category.
In the Frameblox plugin, find the Date and Time Picker component and simply drag and drop it into your form.
Click the calendar component to access all customization options in the right Component panel. Here, you can adjust the style, theme, colors, and font. You can also switch between 12-hour and 24-hour time formats, set start and end times, and explore additional options.
You can add the booked appointment times to a list, and these times will not be shown to customers in the component.
Click outside the component, then click on the Form. In the right panel, you can set the Form details, choose the Send to option, select the Redirect page, and more.
Done! You can publish your page or website with this new date and time picker calendar component. Customers can easily fill out your form and submit it. It's perfect for booking appointments and more.
