Date Picker

Offers a user-friendly calendar for customers to select specific date(s), either within a set date range determined by the admin or across all available days. Useful for choosing delivery or store pickup dates.

Example:

Option Settings #

• Option name: Give your Date Picker option a unique internal name, which will also be visible to your customers. Ensure that different options in the option set have distinct names.
• Option label: Add a label that is visible to your customers such as “Delivery Date”. Option labels can be the same or different for various options in the option set.
• Required: Make the Date Picker a mandatory field if you want, ensuring customers select a date before adding the product to cart.
• Hide option label: Hide the option label if you wish to keep the interface cleaner or prefer it not to be visible to users.
• Add price: Set a price for this option if you want to charge an extra fee for date selection.
• Date range: Determine the date range within which customers can select dates.
  • All days: Customers can select any date within the entire calendar.
  • All days except specific date(s): You can specify certain date(s) to be disabled, and customers won’t be able to choose those dates.
  • All days except specific weekday(s): You can disable specific weekdays (e.g.: Sunday), and customers won’t be able to select dates falling on those weekdays.
  • Only specific date(s): Limit customers to choose only from a list of enabled dates that you define.
  • Specific period: Define a range of available dates for selection, and customers can only choose from within that period.
• Limit number of value for selection: By default, customers can only select one specific date from the calendar. If you allow customers to select multiple dates, select the “Limit number of values for selection” checkbox and set the minimum and maximum number of dates allowed for selection.
• Column width: Adjust the width of the Date Picker field if you want, choose from 25-33-50-66-75-100%.

• Help text: Provide additional instructions or information for your customers to assist them in the date selection process.
• Info: Create an informative tooltip that appears when users hover over a small icon, providing more context or assistance.
• Placeholder: Add a short text inside the date picker field when no date is selected yet. For instance: “Select a date”, “Select your delivery date”.
• Condition logic options: Implement conditional rules that control when the Date Picker should appear based on user selections or other conditions. This makes the app more dynamic and tailored to individual users. It’s worth noting that if the Date Picker is the first option in your option set, setting conditional logics for it won’t be possible. To set up the condition logic for your Date Picker, follow this guide.

Need Assistance? #

If you run into any challenges while configuring your custom options, feel free to reach out to us for assistance through our convenient in-app live chat, by submitting your request via our contact form, or by sending an email to support@tigren.com. We’re here to help!