From ee2c4b385d189087a6a9e4deac4a93a1e28089c5 Mon Sep 17 00:00:00 2001
From: Dave Kellam <dave@eightface.com>
Date: Fri, 9 Aug 2013 17:36:05 -0400
Subject: [PATCH] Replacing recent date drop-down with datepicker

---
 .../smoothness/jquery-ui-zoninator.css        | 24 +++++++++++++++++++
 js/zoninator.js                               |  5 ++++
 zoninator.php                                 | 15 ++----------
 3 files changed, 31 insertions(+), 13 deletions(-)

diff --git a/css/jquery-ui/smoothness/jquery-ui-zoninator.css b/css/jquery-ui/smoothness/jquery-ui-zoninator.css
index a7728cf..cbbf553 100644
--- a/css/jquery-ui/smoothness/jquery-ui-zoninator.css
+++ b/css/jquery-ui/smoothness/jquery-ui-zoninator.css
@@ -345,3 +345,27 @@
 	font-weight: normal;
 	margin: -1px;
 }
+
+/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
diff --git a/js/zoninator.js b/js/zoninator.js
index 46aa084..9b7f48b 100644
--- a/js/zoninator.js
+++ b/js/zoninator.js
@@ -26,6 +26,11 @@ var zoninator = {}
 		// Bind actions to buttons
 		zoninator.initZonePost(zoninator.$zonePostsList.children());
 		
+		// Initialize date-picker
+		$('#zone_advanced_filter_date').datepicker({
+			dateFormat : 'yy-mm-dd'
+		});
+
 		// Initialize sortable
 		if(!zoninator.$zonePostsWrap.hasClass('readonly')) {
 			zoninator.$zonePostsList.sortable({
diff --git a/zoninator.php b/zoninator.php
index fc2a16c..6fa8dfb 100644
--- a/zoninator.php
+++ b/zoninator.php
@@ -135,7 +135,7 @@ function admin_page_init() {
 
 	function admin_enqueue_scripts() {
 		if( $this->is_zoninator_page() ) {
-			wp_enqueue_script( 'zoninator-js', ZONINATOR_URL . 'js/zoninator.js', array( 'jquery', 'jquery-ui-core', 'jquery-ui-widget', 'jquery-ui-mouse', 'jquery-ui-position', 'jquery-ui-sortable', 'jquery-ui-autocomplete' ), ZONINATOR_VERSION, true );
+			wp_enqueue_script( 'zoninator-js', ZONINATOR_URL . 'js/zoninator.js', array( 'jquery', 'jquery-ui-core', 'jquery-ui-widget', 'jquery-ui-mouse', 'jquery-ui-position', 'jquery-ui-sortable', 'jquery-ui-autocomplete', 'jquery-ui-datepicker' ), ZONINATOR_VERSION, true );
 			
 			$options = array(
 				'baseUrl' => $this->_get_zone_page_url(),
@@ -511,19 +511,8 @@ function zone_advanced_search_filters() {
 				'id' => 'zone_advanced_filter_taxonomy',
 				'hide_if_empty' => true,
 			) ) );
-
-			$date_filters = apply_filters( 'zoninator_advanced_filter_date', array( 'all', 'today', 'yesterday') );
 			?>
-			<select name="zone_advanced_filter_date" id="zone_advanced_filter_date">
-				<?php
-				// Convert string dates into actual dates
-				foreach( $date_filters as $date ) :
-					$timestamp = strtotime( $date );
-					$output = ( $timestamp ) ? date( 'Y-m-d', $timestamp ) : 0;
-					echo sprintf( '<option value="%s" %s>%s</option>', esc_attr( $output ), selected( $output, $current_date, false ), esc_html( $date ) );
-				endforeach;
-				?>
-			</select>
+			<input type="text" name="zone_advanced_filter_date" id="zone_advanced_filter_date" placeholder="Pick a date">
 		</div>
 		<?php
 	}