{"id":7259,"date":"2026-02-05T14:59:42","date_gmt":"2026-02-05T09:29:42","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?post_type=docs&#038;p=7259"},"modified":"2026-02-18T16:12:12","modified_gmt":"2026-02-18T10:42:12","slug":"greetings-form-date-field","status":"publish","type":"docs","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/greetings-form-date-field\/","title":{"rendered":"Greetings Form Date Field"},"content":{"rendered":"\n<p>The Greetings Form Date Field adds a date and time selection option to the Click to Chat Greeting Form. It provides users to book an available time slot (for example, appointments or consultations) before starting a chat.<\/p>\n\n\n\n<p>This field also includes an integrated calendar and time picker, helping us capture scheduling details upfront and start conversations with clear context.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"adding-the-date-field\">Adding the Date Field<\/h3>\n\n\n\n<p>To add the Date Field to the greeting form:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>Click to Chat \u2192 Greetings<\/strong> in the plugin settings.<\/li>\n\n\n\n<li>Select <strong>Greeting Form<\/strong>.<\/li>\n\n\n\n<li>Add the <strong>Date<\/strong> field.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Greeting-Form-Date-Field.webp\" alt=\"Greetings form date field\" class=\"wp-image-7215\" style=\"aspect-ratio:1.5822002472187886;width:484px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul start=\"4\" class=\"wp-block-list\">\n<li>Set the field Name(for example &#8211; <em>Set the  appointment<\/em>).<\/li>\n\n\n\n<li>Mark the field as Required &amp; Add to Prefilled message if required.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"date-field-settings\">Greetings Form &#8211; Date Field Settings<\/h2>\n\n\n\n<p>All configuration options are available under <strong>Date Field Settings<\/strong> in the plugin dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Date-field-settings-1024x656.webp\" alt=\"\" class=\"wp-image-7251\" style=\"width:514px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>We have two types of Date field settings:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Date Mode<\/li>\n\n\n\n<li>Schedule(Date+Time)<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"date-mode\">Date Mode<\/h3>\n\n\n\n<p>Allows users to select only a date (no time), making it ideal for cases where the exact time is not required and only the preferred or available date needs to be captured.<\/p>\n\n\n\n<p>In the date mode select Date Only<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Date-Only.webp\" alt=\"\" class=\"wp-image-7217\" style=\"aspect-ratio:4.408835642081617;width:692px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"min-and-max-dates\">Min and Max Dates<\/h4>\n\n\n\n<p>Min Date sets the earliest selectable date, and Max Date sets the latest selectable date.<\/p>\n\n\n\n<p>We can use relative days (for example <code>2<\/code> = 2 days from today, <code>7<\/code> = next 7 days) or a specific date (<code>YYYY-MM-DD<\/code>).<\/p>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<p>If today is <strong>Feb 6<\/strong> Min Date = <code>2<\/code> and Max Date = <code>7<\/code>, users can select dates <strong>only from Feb 8 to Feb 13<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Min-and-Max-Dates.webp\" alt=\"\" class=\"wp-image-7218\" style=\"aspect-ratio:2.9542895744201756;width:703px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>On the frontend, clicking the Date field opens the browser\u2019s default date picker for date selection.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"355\" height=\"469\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Min-and-max-dates.webp\" alt=\"\" class=\"wp-image-7264\" style=\"width:248px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Min-and-max-dates.webp 355w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Min-and-max-dates-227x300.webp 227w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"scheduler-mode\">Scheduler Mode<\/h3>\n\n\n\n<p>Scheduler (Date &amp; Time) allows users to select both a <strong>date and a time slot<\/strong>, helping schedule appointments or consultations before starting a chat.<\/p>\n\n\n\n<p>When a user clicks the Date field, a<strong> modal opens<\/strong> where they can select the date and time.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Scheduler-Mode.webp\" alt=\"\" class=\"wp-image-7219\" style=\"aspect-ratio:4.842221812142462;width:751px;height:auto\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"schedule-timings\"><strong>Schedule Timings<\/strong><\/h4>\n\n\n\n<p>Schedule Timings define the operational hours for each day.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We can set start and end times per day or 24\/7 online<\/li>\n\n\n\n<li>We can exclude specific days<\/li>\n\n\n\n<li>Time slots are generated only within the defined hours<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<p>If business hours are <strong>9:00  to 17:00 , Monday to Friday<\/strong>, and weekends are closed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set Monday\u2013Friday to <strong>9:00  \u2013 17:00 <\/strong><\/li>\n\n\n\n<li>Exclude Saturday and Sunday<\/li>\n<\/ul>\n\n\n\n<p>On a selected weekday, available slots appear only between 9:00 and 17:00 .<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"957\" height=\"851\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Business-hours-in-Date-field.webp\" alt=\"\" class=\"wp-image-7231\" style=\"aspect-ratio:1.124563395975743;width:629px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Business-hours-in-Date-field.webp 957w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Business-hours-in-Date-field-300x267.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Business-hours-in-Date-field-768x683.webp 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><\/figure>\n\n\n\n<p>This schedule creates time slots from <strong>Monday to Friday, 9:00 AM to 5:00 PM<\/strong>. When a user clicks the Date field, a <strong>modal opens<\/strong> showing the dates and time slots based on the admin settings<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"289\" height=\"484\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Weekoff-in-form-date-2.webp\" alt=\"\" class=\"wp-image-7237\" style=\"width:217px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Weekoff-in-form-date-2.webp 289w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Weekoff-in-form-date-2-179x300.webp 179w\" sizes=\"(max-width: 289px) 100vw, 289px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"schedule-up-to\"><strong>Schedule up To<\/strong><\/h4>\n\n\n\n<p>Schedule up To defines the maximum number of days in advance a user can book.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dates beyond the set limit are disabled in the calendar<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<p>If Schedule up To is set to <strong>14 days<\/strong> and today is <strong>January 1<\/strong>, users can book appointments up to <strong>January 14<\/strong>. Dates after that are grayed out.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Schedule-Upto-3.webp\" alt=\"\" class=\"wp-image-7231\" style=\"aspect-ratio:4.842221812142462;width:770px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Schedule-timing-in-the-form-1.webp\" alt=\"\" class=\"wp-image-7227\" style=\"width:232px;height:auto\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"minimum-notice\"><strong>Minimum Notice<\/strong><\/h4>\n\n\n\n<p>Minimum Notice ensures sufficient preparation time before an appointment.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We can set the minimum number of hours required before a booking<\/li>\n\n\n\n<li>Slots within this notice period are disabled automatically<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<p>If the minimum notice is <strong>2 hours<\/strong> and the current time is <strong>10:00 AM<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>All slots before <strong>12:00 PM today<\/strong> are disabled<\/li>\n\n\n\n<li>Slots on later days remain available based on the defined schedule<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Minimum-Notice.webp\" alt=\"\" class=\"wp-image-7222\" style=\"aspect-ratio:4.814237225942574;width:732px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"duration\"><strong>Duration<\/strong><\/h4>\n\n\n\n<p>Duration defines the time gap between each slot.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Slots are generated automatically based on the selected duration<\/li>\n\n\n\n<li>The last slot is generated only if it fits completely within the available time range<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<p>Availability: <strong>9:00 AM \u2013 5:00 PM<\/strong><br>Duration: <strong>60 minutes<\/strong><\/p>\n\n\n\n<p>Generated slots: 9:00 AM, 10:00 AM, 11:00 AM, 12:00 PM, 1:00 PM, 2:00 PM, 3:00 PM, 4:00 PM<\/p>\n\n\n\n<p>The last slot starts at <strong>4:00 PM<\/strong>, so the appointment finishes by <strong>5:00 PM<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Duration.webp\" alt=\"\" class=\"wp-image-7223\" style=\"aspect-ratio:5.45643584944895;width:720px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"367\" height=\"600\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Date-and-time-in-form-2.webp\" alt=\"\" class=\"wp-image-7227\" style=\"width:269px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Date-and-time-in-form-2.webp 367w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Date-and-time-in-form-2-184x300.webp 184w\" sizes=\"(max-width: 367px) 100vw, 367px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"322\" height=\"364\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/Greetings-Form-Date-and-time-field.webp\" alt=\"Greeting form date and time\" class=\"wp-image-7250\" style=\"width:369px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/Greetings-Form-Date-and-time-field.webp 322w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/Greetings-Form-Date-and-time-field-265x300.webp 265w\" sizes=\"(max-width: 322px) 100vw, 322px\" \/><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"time-zone-in-pre-filled-message\">Time Zone in Pre-Filled Message<\/h4>\n\n\n\n<p>The Date Field can automatically include the user\u2019s time zone in the WhatsApp pre-filled message.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The time zone is detected from the user\u2019s browser or device<\/li>\n\n\n\n<li>The selected date, time, and time zone are added to the message<\/li>\n\n\n\n<li>Check <strong>Add to pre-filled message<\/strong> right after the selected date field<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p id=\"example\">Example:<\/p>\n\n\n\n<p>If a user selects <strong>February 5 2026, 1:30 PM<\/strong> and their time zone is <strong>IST<\/strong>, the pre-filled message will be:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/clicktochat.techponder.com\/wp-content\/uploads\/2026\/02\/Time-zone-in-prefilled-message.webp\" alt=\"\" class=\"wp-image-7224\" style=\"width:553px;height:auto\"\/><\/figure>\n\n\n\n<p>This helps ensure both sides are aligned on the scheduled time before the conversation begins.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Use Cases<\/strong><\/h4>\n\n\n\n<p><strong>Date Mode (Date Only)<\/strong> is useful when only a preferred or required date needs to be captured, such as delivery dates, follow-ups, or availability confirmation, without needing an exact time.<\/p>\n\n\n\n<p><strong>Scheduler Mode (Date &amp; Time)<\/strong> is ideal for booking specific time slots for appointments, consultations, demos, or meetings within defined availability.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Related Links<\/h4>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/greetings-form\/\">Greeting Form &#8211; Full Documentation<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\/\">Multi Agent<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-actions\/\">Greeting Actions<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Greetings Form Date Field adds a date and time selection option to the Click to Chat Greeting Form. It provides users to book an available time slot (for example, appointments or consultations) before starting a chat. This field also includes an integrated calendar and time picker, helping us capture scheduling details upfront and start [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_htd2_assets":[]},"class_list":["post-7259","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/docs\/7259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/docs"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=7259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}