Add a calendar widget to your heyflow that supports different date formats, date ranges and other display options such as weekdays only.

After clicking on a building block, you’ll find the Content section on the right. This is where you add and edit the block’s main elements.

Set a label to describe the field, and add a placeholder to guide users on what to enter. Use helper text to provide additional context, and define an error message that appears when the input is invalid.

After clicking on a building block, you’ll find the Settings section on the right. This is where you can customize the block’s options, appearance, and behavior to tailor it perfectly to your flow.

Enable Sensitive to prevent saving values in our database (more info here). Mark the field as Required if users must make a selection to continue.

Activate Date range to let visitors choose both a start and end date. Use Workdays only to exclude weekends.

With Starting today, only future dates can be selected (ideal for appointments), while Ending today limits selection to past dates (e.g. birth dates).

Choose your preferred date format (e.g. DD.MM.YYYY, MM-DD-YYYY, etc.), and decide whether the week should start on Monday or Sunday.

Control the visibility by choosing whether the block appears only on mobile, desktop, or is hidden entirely. Set a background color to match your design and adjust the label behavior by selecting between static, dynamic, or compact, depending on how you want the label to appear within the block.

Control the block’s layout by adjusting its width (S, M, L, or maximum) and setting the block's padding from the top, bottom, left, and right.

Add a prefix icon to display an icon before the input field, or a suffix icon to show one after it, perfect for adding visual cues or improving usability.

System Labels define how your data is stored and organized, while Variables let you reference and display that data dynamically throughout your flow.

After clicking on a building block, you’ll find the Design section on the right. You can quickly apply a preset style tailored to that block type. Also, customize colors, fonts, and spacing to match your flow.

When you apply a design to one block type, it automatically updates all blocks of that type across your flow. This keeps your design consistent, clean, and easy to maintain without styling each block manually.

Also see Heyflow's other design options to individualize your flow and building blocks even more: