Getting Started
Available Components
- Single Line
- Email with Verification
- Phone Number
- Multi-line Text
- Date and Time Input
- Image Captcha
- File Uploads
- Star Rating
- Agreement
- Single Choice
- Multiple Choices
- Country Selection
- Cloudflare Captcha
Configuration
Integrations
Development
Date and Time Input
The date input component in Teramine Forms allows you to collect a date from the user. Optionally you can also have the user pick a time on a specified date. Typical use cases include:
- Most common - let the user specify their birthday, possibly for sending a greeting or a gift.
- Collect the expiry date of something - maybe an insurance policy, or driver's license, etc.
- An e-commerce site may use it to let the user specify a preferred date of shipping.
Allow user to specify a date - a birthday, an expiry date or a shipping date.
The date input control lets you add a date picker to your form easily. When adding the control, you can also choose to turn on time input too. This will allow your users to pick a time on the specified date. Let us see how to use this control in a form.
- Browse to the forms page by clicking on Forms in the navigation header.
- Create a new form by clicking the big Create New Form button.
- Click the Add Widgets drop-down on the left and choose Single Line Text. For this example, we start by asking the user's name.
- Click the Add Widgets drop-down again and choose Date Input. We need to collect the user's date of birth.
- In the Date Input configuration, change the label and the description appropriately to convey what you are collecting and why.
- If the user must enter a value, make sure the Value is required toggle is on.
- If the user needs to pick a time too (maybe for an appointment), make sure the Ask for time too toggle switch is turned on.
- Click Save Changes to save your changes to this component.
- On the form configuration page, click the name and change it to something suitable.
- Click Save and then Publish to publish your changes.
- Your date request form is now ready.
Conclusion
The Date Input component allows you to let your users pick a date, and optionally a time. It is easy to use and saves you a ton of time compared to coding the form by hand.
For further help, check out these pages too.
Getting Started
Available Components
- Single Line
- Email with Verification
- Phone Number
- Multi-line Text
- Date and Time Input
- Image Captcha
- File Uploads
- Star Rating
- Agreement
- Single Choice
- Multiple Choices
- Country Selection
- Cloudflare Captcha