Improved display of date picker in Safari (#2853)

* #2739 Add placeholder text for Safari * #2739 CSS for datepicker in Safari * #2739 CSS for datepicker in Safari * #2739 Adds wildcard to target sitemaps in Pro * #2739 Adds wildcard to target sitemaps in Pro * #2739 Styles for RTL * Fix Grunt issues #2739 * Fix new line missing at EOL * Fix new line missing at EOL
awesomemotive · Sep 4, 2019 · e6d9beb · e6d9beb
1 parent d9d49d9
commit e6d9beb
Show file tree

Hide file tree

Showing 3 changed files with 91 additions and 6 deletions.
diff --git a/css/modules/aioseop_module-rtl.css b/css/modules/aioseop_module-rtl.css
@@ -352,4 +352,24 @@ textarea.robots-text {
 
 .All_in_One_SEO_Pack_Feature_Manager > .aioseop_right_sidebar.aioseop_options_wrapper  {
 	margin: 30px 0 0 0;
-}
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-prev {
+	float: right;
+	text-align: right;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-prev:before {
+	content: '\2192 ';
+	padding-left: 2px;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-next {
+	float: left;
+	text-align: left;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-next:after {
+	content: '\2190 ';
+	padding-right: 2px;
+}
diff --git a/css/modules/aioseop_module.css b/css/modules/aioseop_module.css
@@ -1607,4 +1607,68 @@ div#aiosp_sitemap_status_metabox .toggle-indicator {
 .aioseop_options .aioseop-exclude-terms.selectize-control.multi .selectize-input [data-value] {
 	background-color: #0E7BBE;
 	background-image: none;
-}
+}
+
+/**
+* Styling for jQuery UI Datepicker in Safari
+*
+*/
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div {
+	background-color: #fff;
+	padding: 15px;
+	border: 1px solid #8d96a0;
+	border-radius: 4px;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-prev {
+	float: left;
+	text-align: left;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-prev:before {
+	content: '\2190 ';
+	padding-right: 2px;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-next {
+	float: right;
+	text-align: right;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-next:after {
+	content: '\2192 ';
+	padding-left: 2px;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div .ui-datepicker-title {
+	clear: both;
+	text-align: center;
+	font-weight: bold;
+	padding: 10px 0;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div table.ui-datepicker-calendar {
+	border: 1px solid #007cba;
+	border-collapse: collapse;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div table.ui-datepicker-calendar thead {
+	background-color: #f1f1f1;
+	border-bottom: 1px solid #8d96a0;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div table.ui-datepicker-calendar thead th,
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div table.ui-datepicker-calendar td {
+	width: 2rem;
+	height: 2rem;
+	text-align: center;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div table.ui-datepicker-calendar td a {
+	text-decoration: none;
+}
+
+body[class*="all-in-one-seo_page_all-in-one-seo-pack"] #ui-datepicker-div table.ui-datepicker-calendar td a:hover {
+	border: 1px solid #8d96a0;
+	padding: 5px 7px;
+}
diff --git a/modules/aioseop_sitemap.php b/modules/aioseop_sitemap.php
@@ -316,10 +316,11 @@ public function __construct() {
 					'save'            => false,
 				),
 				'addl_mod'          => array(
-					'name'  => __( 'Last Modified', 'all-in-one-seo-pack' ),
-					'type'  => 'date',
-					'save'  => false,
-					'class' => 'aiseop-date',
+					'name'        => __( 'Last Modified', 'all-in-one-seo-pack' ),
+					'type'        => 'date',
+					'save'        => false,
+					'placeholder' => 'yyyy-mm-dd',
+					'class'       => 'aiseop-date',
 				),
 				'addl_pages'        => array(
 					'name' => __( 'Additional Pages', 'all-in-one-seo-pack' ),