{"id":7288,"date":"2026-02-12T15:36:42","date_gmt":"2026-02-12T10:06:42","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?post_type=demo&#038;p=7288"},"modified":"2026-04-08T15:49:27","modified_gmt":"2026-04-08T10:19:27","slug":"greetings-form-date","status":"publish","type":"demo","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/demo\/greetings-form-date\/","title":{"rendered":"Greetings Form Date"},"content":{"rendered":"\n<div class=\"demo-wrapper\">\n    <div class=\"background-particles\" aria-hidden=\"true\">\n      <div class=\"particle particle-1\"><\/div>\n      <div class=\"particle particle-2\"><\/div>\n      <div class=\"particle particle-3\"><\/div>\n    <\/div>\n\n    <header class=\"hero\">\n      <div class=\"hero-content-center\">\n          <div class=\"hero-badge\">\n            <span class=\"badge-icon\" aria-hidden=\"true\">\ud83d\udcc5<\/span>\n            Date Field &#8211; Greetings Form\n          <\/div>\n\n          <h1 class=\"hero-title\">\n            <span class=\"text-cyan\">Simple Date<\/span>\n            <span class=\"text-purple\">Selection<\/span>\n          <\/h1>\n\n          <p class=\"hero-description\">\n            Capture dates effortlessly with our intuitive date picker. Perfect for event registrations, delivery scheduling, and Preferred Dates.\n          <\/p>\n          \n          <div class=\"hero-buttons\">\n            <button class=\"btn-primary ctc_greetings\">\n              Try Date Picker\n            <\/button>\n            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/greetings-form-date-field\/\" class=\"btn-secondary\">\n              Documentation\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <section class=\"use-case-section\">\n        <div class=\"use-case-container\">\n          <div class=\"use-case-item\">\n            <div class=\"use-case-icon\">\ud83c\udf89<\/div>\n            <h3>Event Dates<\/h3>\n            <p>Registration<\/p>\n          <\/div>\n          <div class=\"use-case-item\">\n            <div class=\"use-case-icon\">\ud83d\udce6<\/div>\n            <h3>Delivery<\/h3>\n            <p>Scheduling <\/p>\n          <\/div>\n          <div class=\"use-case-item\">\n            <div class=\"use-case-icon\">\ud83d\udcc5<\/div>\n            <h3>Preferred Dates<\/h3>\n            <p>Booking <\/p>\n          <\/div>\n        <\/div>\n        <\/section>\n\n      <section class=\"key-features\">\n        <div class=\"features-container\">\n          <div class=\"mode-cards\">\n            <div class=\"mode-card\">\n              <div class=\"mode-icon\">\ud83d\udcc5<\/div>\n              <h3>Date Only Mode<\/h3>\n              <p>Clean, simple date selection using the browser&#8217;s native date picker. Users choose a date without time constraints &#8211; ideal for birthdays, deadlines, event dates, and delivery scheduling.<\/p>\n            <\/div>\n            <div class=\"mode-card\">\n              <div class=\"mode-icon\">\u2728<\/div>\n              <h3>Key Features<\/h3>\n              <p>Native browser support, mobile-friendly interface, date validation, min\/max date restrictions, and seamless WhatsApp integration for date-based inquiries.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"admin-settings\">\n        <div class=\"settings-container\">\n          <h2 class=\"settings-title\">Setup Process as per this demo page<\/h2>\n          <p class=\"settings-subtitle\">Follow these steps to configure the Date Field in your Greetings Form<\/p>\n          \n          <div class=\"setup-steps\">\n            <div class=\"step-card\">\n              <div class=\"step-number\">1<\/div>\n              <h3>Enable Greetings Form<\/h3>\n              <p>Navigate to Click to Chat \u2192 Greetings Dialog and enable the Greetings Form option<\/p>\n            <\/div>\n\n            <div class=\"step-card\">\n              <div class=\"step-number\">2<\/div>\n              <h3>Add Date Field<\/h3>\n              <p>In Form Fields section, click &#8220;Add Field&#8221; and select &#8220;Date&#8221; as the field type<\/p>\n            <\/div>\n\n            <div class=\"step-card\">\n              <div class=\"step-number\">3<\/div>\n              <h3>Choose Date Mode<\/h3>\n              <p>Select &#8220;Date Only&#8221; mode from the date field settings for simple date selection<\/p>\n            <\/div>\n\n            <div class=\"step-card\">\n              <div class=\"step-number\">4<\/div>\n              <h3>Set Date Restrictions<\/h3>\n              <p>Configure minimum and maximum dates to control the selectable date range<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n\n\n\n<style>\nul {\n   margin:0px !important;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcc5 Date Field &#8211; Greetings Form Simple Date Selection Capture dates effortlessly with our intuitive date picker. Perfect for event registrations, delivery scheduling, and Preferred Dates. Try Date Picker Documentation \ud83c\udf89 Event Dates Registration \ud83d\udce6 Delivery Scheduling \ud83d\udcc5 Preferred Dates Booking \ud83d\udcc5 Date Only Mode Clean, simple date selection using the browser&#8217;s native date picker. [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","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":"disabled","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":{"css":["dfd-BhJeU53k_20260402_100050.css"]}},"class_list":["post-7288","demo","type-demo","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/demo\/7288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/demo"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/demo"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=7288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}