{"id":538,"date":"2023-10-03T06:11:52","date_gmt":"2023-10-03T06:11:52","guid":{"rendered":"https:\/\/themepure.net\/plugins\/puremetafields\/?post_type=docs&#038;p=538"},"modified":"2023-10-03T06:46:59","modified_gmt":"2023-10-03T06:46:59","slug":"datepicker","status":"publish","type":"docs","link":"https:\/\/themepure.net\/plugins\/puremetafields\/docs\/datepicker\/","title":{"rendered":"Datepicker"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"538\" class=\"elementor elementor-538\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2d8d804 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d8d804\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c5566ad\" data-id=\"c5566ad\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7833552 elementor-widget elementor-widget-image\" data-id=\"7833552\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/themepure.net\/plugins\/puremetafields\/wp-content\/uploads\/2023\/10\/datepicker.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"datepicker\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDA2LCJ1cmwiOiJodHRwczpcL1wvdGhlbWVwdXJlLm5ldFwvcGx1Z2luc1wvcHVyZW1ldGFmaWVsZHNcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjNcLzEwXC9kYXRlcGlja2VyLnBuZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" width=\"352\" height=\"365\" src=\"https:\/\/themepure.net\/plugins\/puremetafields\/wp-content\/uploads\/2023\/10\/datepicker.png\" class=\"attachment-large size-large wp-image-406\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-452f41d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"452f41d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd77099\" data-id=\"cd77099\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0ac11f0 elementor-widget elementor-widget-heading\" data-id=\"0ac11f0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Template Usage<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49d5571 elementor-widget elementor-widget-text-editor\" data-id=\"49d5571\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>You have to specify the <strong>type<\/strong> as <strong>datepicker<\/strong> inside the <strong>array<\/strong> key called type.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4345120 elementor-widget elementor-widget-text-editor\" data-id=\"4345120\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<pre><code>&lt;?php\narray(  \n    'label'     =&gt; esc_html__( 'Your Title', 'textdomain' ),\n    'id'        =&gt; \"_your_id\",\n    'type'      =&gt; 'datepicker', \/\/ specify the type field\n    'default'   =&gt; '',\n    'conditional' =&gt; array()\n)\n?&gt;<\/code><\/pre>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16c5364 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16c5364\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eec6631\" data-id=\"eec6631\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc67e68 elementor-widget elementor-widget-heading\" data-id=\"bc67e68\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to fetch the data?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39c92ad elementor-widget elementor-widget-text-editor\" data-id=\"39c92ad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Use our function called <code>tpmeta_field<\/code><code>('_your_id_key')<\/code><strong>\u00a0<\/strong>and pass the above array id key to fetch the metadata. Since the function <code>tpmeta_field<\/code><code>('_your_id_key')<\/code><strong>\u00a0<\/strong>will return the value so you have to <strong>echo<\/strong> the value.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67f443c elementor-widget elementor-widget-text-editor\" data-id=\"67f443c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<pre><code>&lt;?php\n$value = function_exists('tpmeta_field')? tpmeta_field('meta_key_id_here') : '';<br \/>echo esc_html($value);\n?&gt;<\/code><\/pre>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Template Usage You have to specify the type as datepicker inside the array key called type. &lt;?php array( &#8216;label&#8217; =&gt; esc_html__( &#8216;Your Title&#8217;, &#8216;textdomain&#8217; ), &#8216;id&#8217; =&gt; &#8220;_your_id&#8221;, &#8216;type&#8217; =&gt; &#8216;datepicker&#8217;, \/\/ specify the type field &#8216;default&#8217; =&gt; &#8221;, &#8216;conditional&#8217; =&gt; array() ) ?&gt; How to fetch the data? Use our function called tpmeta_field(&#8216;_your_id_key&#8217;)\u00a0and pass [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"doc_category":[8],"doc_tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/docs\/538"}],"collection":[{"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/comments?post=538"}],"version-history":[{"count":13,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/docs\/538\/revisions"}],"predecessor-version":[{"id":581,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/docs\/538\/revisions\/581"}],"wp:attachment":[{"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/media?parent=538"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/doc_category?post=538"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/doc_tag?post=538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}