diff --git a/date.field.inc b/date.field.inc
index a7cdf2b..dd1bc52 100644
--- a/date.field.inc
+++ b/date.field.inc
@@ -178,7 +178,7 @@ function date_field_info() {
     'instance_settings' => array(
       'default_value' => 'now',
       'default_value_code' => '',
-      'default_value2' => 'blank',
+      'default_value2' => 'same',
       'default_value_code2' => '',
     ),
     // Integrate with the Entity Metadata module.
diff --git a/date.js b/date.js
new file mode 100644
index 0000000..45d6ea8
--- /dev/null
+++ b/date.js
@@ -0,0 +1,117 @@
+(function ($) {
+
+
+Drupal.behaviors.dateSelect = {};
+
+Drupal.behaviors.dateSelect.attach = function (context, settings) {
+  var $widget = $('.form-type-date-select').parents('fieldset').once('date');
+  var i;
+  for (i = 0; i < $widget.length; i++) {
+    new Drupal.date.EndDateHandler($widget[i]);
+  }
+};
+
+Drupal.date = Drupal.date || {};
+
+/**
+ * Constructor for the EndDateHandler object.
+ *
+ * The EndDateHandler is responsible for synchronizing a date select widget's
+ * end date with its start date. This behavior lasts until the user
+ * interacts with the end date widget.
+ *
+ * @param widget
+ *   The fieldset DOM element containing the from and to dates.
+ */
+Drupal.date.EndDateHandler = function (widget) {
+  this.$widget = $(widget);
+  this.$start = this.$widget.find('.form-type-date-select[class$=value]');
+  this.$end = this.$widget.find('.form-type-date-select[class$=value2]');
+  if (this.$end.length == 0) {
+    return;
+  }
+  this.selects = {};
+  this.bindClickHandlers();
+  // Start out with identical start and end dates.
+  this.syncEndDate();
+  // Hide the help text about blank end date values being the same as the
+  // start date; users with JS enabled will never see blank values for the
+  // end date.
+  $('.js-hide').hide();
+};
+
+/**
+ * Add a click handler to each of the start date's select dropdowns.
+ */
+Drupal.date.EndDateHandler.prototype.bindClickHandlers = function () {
+  var $starts = this.$start.find('select');
+  var $end, $start, endId, i, id;
+  for (i = 0; i < $starts.length; i++) {
+    $start = $($starts[i]);
+    id = $start.attr('id');
+    endId = id.replace('-value-', '-value2-');
+    $end = $('#' + endId);
+    this.selects[id] = {
+      'id': id,
+      'start': $start,
+      'end': $end
+    };
+    $start.bind('click.endDateHandler', this.startClickHandler.bind(this));
+    $end.bind('focus', this.endFocusHandler.bind(this));
+  }
+  console.log(this.selects);
+};
+
+/**
+ * Click event handler for each of the start date's select dropdowns.
+ */
+Drupal.date.EndDateHandler.prototype.startClickHandler = function (event) {
+  this.syncEndDate();
+};
+
+/**
+ * Focus event handler for each of the end date's select dropdowns.
+ */
+Drupal.date.EndDateHandler.prototype.endFocusHandler = function (event) {
+  var id;
+  for (id in this.selects) {
+    if (this.selects.hasOwnProperty(id)) {
+      this.selects[id].start.unbind('click.endDateHandler');
+    }
+  }
+  $(event.target).unbind('focus', this.endFocusHandler);
+};
+
+Drupal.date.EndDateHandler.prototype.syncEndDate = function () {
+  var id;
+  for (id in this.selects) {
+    if (this.selects.hasOwnProperty(id)) {
+      this.selects[id].end.val(this.selects[id].start.val());
+    }
+  }
+};
+
+}(jQuery));
+
+/**
+ * Function.prototype.bind polyfill for older browsers.
+ * https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind
+ */
+if (!Function.prototype.bind) {
+  Function.prototype.bind = function (oThis) {
+    if (typeof this !== "function") // closest thing possible to the ECMAScript 5 internal IsCallable function
+      throw new TypeError("Function.prototype.bind - what is trying to be fBound is not callable");
+
+    var aArgs = Array.prototype.slice.call(arguments, 1),
+        fToBind = this,
+        fNOP = function () {},
+        fBound = function () {
+          return fToBind.apply(this instanceof fNOP ? this : oThis || window, aArgs.concat(Array.prototype.slice.call(arguments)));
+        };
+
+    fNOP.prototype = this.prototype;
+    fBound.prototype = new fNOP();
+
+    return fBound;
+  };
+}
diff --git a/date_api/date_api_elements.inc b/date_api/date_api_elements.inc
index e681dfe..28ad05b 100644
--- a/date_api/date_api_elements.inc
+++ b/date_api/date_api_elements.inc
@@ -345,6 +345,7 @@ function date_select_element_process($element, $form_state, $form) {
     $element['#element_validate'] = array('date_select_validate');
   }
 
+  $element['#attached']['js'][] = drupal_get_path('module', 'date') . '/date.js';
   return $element;
 }
 
diff --git a/date_elements.inc b/date_elements.inc
index 5455dfe..1b233d7 100644
--- a/date_elements.inc
+++ b/date_elements.inc
@@ -269,7 +269,7 @@ function date_combo_element_process($element, &$form_state, $form) {
     $element[$to_field]['#required'] = FALSE;
     $element[$to_field]['#weight'] += .1;
     if ($instance['widget']['type'] == 'date_select') {
-      $description .= ' ' . t("Empty 'To date' values will use the 'From date' values.");
+      $description .= '<span class="js-hide"> ' . t("Empty 'To date' values will use the 'From date' values.") . '</span>';
     }
     $element['#fieldset_description'] = $description;
   }