{"id":1395712,"date":"2017-11-30T07:11:19","date_gmt":"2017-11-30T15:11:19","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/"},"modified":"2017-11-30T07:11:19","modified_gmt":"2017-11-30T15:11:19","slug":"datepicker-style-to-match-datepicker-in-events-calendar","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/","title":{"rendered":"Datepicker style to match datepicker in Events Calendar"},"content":{"rendered":"<p>I have been trying to style the datepicker in Community Events plugin to match the datepicker in Events Calendar core. I came across this thread https:\/\/theeventscalendar.com\/support\/forums\/topic\/date-format-and-picker-in-community-submission-form\/ which says &#8220;So to have these things look exactly the same, you\u2019d have to either re-wire the admin and Community datepickers to the Bootstrap datepicker, or just copy the CSS for the Bootstrap datepicker and apply it to the jQuery UI datepicker. All the relevant JavaScript and CSS for these tasks are in the \/resources folder of The Events Calendar core&#8221;. Can you tell me which javascript and css pertains to the datepicker?<\/p>\n","protected":false},"template":"","class_list":["post-1395712","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Datepicker style to match datepicker in Events Calendar -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Datepicker style to match datepicker in Events Calendar -\" \/>\n<meta property=\"og:description\" content=\"I have been trying to style the datepicker in Community Events plugin to match the datepicker in Events Calendar core. I came across this thread https:\/\/theeventscalendar.com\/support\/forums\/topic\/date-format-and-picker-in-community-submission-form\/ which says &#8220;So to have these things look exactly the same, you\u2019d have to either re-wire the admin and Community datepickers to the Bootstrap datepicker, or just copy the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/\",\"name\":\"Datepicker style to match datepicker in Events Calendar -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2017-11-30T15:11:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Community Events\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/community-events\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Datepicker style to match datepicker in Events Calendar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Datepicker style to match datepicker in Events Calendar -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/","og_locale":"en_US","og_type":"article","og_title":"Datepicker style to match datepicker in Events Calendar -","og_description":"I have been trying to style the datepicker in Community Events plugin to match the datepicker in Events Calendar core. I came across this thread https:\/\/theeventscalendar.com\/support\/forums\/topic\/date-format-and-picker-in-community-submission-form\/ which says &#8220;So to have these things look exactly the same, you\u2019d have to either re-wire the admin and Community datepickers to the Bootstrap datepicker, or just copy the [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/","name":"Datepicker style to match datepicker in Events Calendar -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2017-11-30T15:11:19+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/datepicker-style-to-match-datepicker-in-events-calendar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Community Events","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/community-events\/"},{"@type":"ListItem","position":5,"name":"Datepicker style to match datepicker in Events Calendar"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1395712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1395712\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1395712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}