Enable noconflict for Bootstrap Datepicker. Closes rstudio#1346

Author: wch

R/input-date.R

@@ -109,5 +109,12 @@ dateInput <- function(inputId, label, value = NULL, min = NULL, max = NULL,
 datePickerDependency <- htmlDependency(
   "bootstrap-datepicker", "1.6.4", c(href = "shared/datepicker"),
   script = "js/bootstrap-datepicker.min.js",
-  stylesheet = "css/bootstrap-datepicker3.min.css"
+  stylesheet = "css/bootstrap-datepicker3.min.css",
+  # Need to enable noConflict mode. See #1346.
+  head = "<script>
+(function() {
+  var datepicker = $.fn.datepicker.noConflict();
+  $.fn.bootstrapDP = datepicker;
+})();
+</script>"
 )

srcjs/input_binding_date.js

@@ -16,7 +16,7 @@ $.extend(dateInputBinding, {
   setValue: function(el, value) {
     // R's NA, which is null here will remove current value
     if (value === null) {
-      $(el).find('input').val('').datepicker('update');
+      $(el).find('input').val('').bootstrapDP('update');
       return;
     }
 
@@ -25,7 +25,7 @@ $.extend(dateInputBinding, {
     if (isNaN(date))
       return;
 
-    $(el).find('input').datepicker('update', date);
+    $(el).find('input').bootstrapDP('update', date);
   },
   getState: function(el) {
     var $el = $(el);
@@ -127,24 +127,24 @@ $.extend(dateInputBinding, {
   // null will unset.
   _setMin: function(el, date) {
     if (date === null) {
-      $(el).datepicker('setStartDate', null);
+      $(el).bootstrapDP('setStartDate', null);
 
     } else {
       date = this._newDate(date);
       if (!isNaN(date))
-        $(el).datepicker('setStartDate', date);
+        $(el).bootstrapDP('setStartDate', date);
     }
   },
   // Given an unambiguous date string or a Date object, set the max (end) date
   // null will unset.
   _setMax: function(el, date) {
     if (date === null) {
-      $(el).datepicker('setEndDate', null);
+      $(el).bootstrapDP('setEndDate', null);
 
     } else {
       date = this._newDate(date);
       if (!isNaN(date))
-        $(el).datepicker('setEndDate', date);
+        $(el).bootstrapDP('setEndDate', date);
     }
   },
   // Given a date string of format yyyy-mm-dd, return a Date object with

srcjs/input_binding_daterange.js

@@ -26,18 +26,18 @@ $.extend(dateRangeInputBinding, dateInputBinding, {
     // null will remove the current value
     if (value.start !== undefined) {
       if (value.start === null) {
-        $inputs.eq(0).val('').datepicker('update');
+        $inputs.eq(0).val('').bootstrapDP('update');
       } else {
         var start = this._newDate(value.start);
-        $inputs.eq(0).datepicker('update', start);
+        $inputs.eq(0).bootstrapDP('update', start);
       }
     }
     if (value.end !== undefined) {
       if (value.end === null) {
-        $inputs.eq(1).val('').datepicker('update');
+        $inputs.eq(1).val('').bootstrapDP('update');
       } else {
         var end = this._newDate(value.end);
-        $inputs.eq(1).datepicker('update', end);
+        $inputs.eq(1).bootstrapDP('update', end);
       }
     }
   },