[B5] Web Apps

corehq/apps/cloudcare/static/cloudcare/js/utils.js

@@ -403,7 +403,7 @@ hqDefine('cloudcare/js/utils', [
             useCurrent: true,
         };
         if (date.isValid()) {
-            options.viewDate = new hqTempusDominus.tempusDominus.DateTime(date.format(timeFormat));
+            options.viewDate = new hqTempusDominus.tempusDominus.DateTime(date.format(dateFormat + ' ' + timeFormat));
         }
         hqTempusDominus.createTimePicker($el.get(0), options);
     };

corehq/apps/hqwebapp/static/hqwebapp/js/tempus_dominus.js

@@ -20,7 +20,7 @@ hqDefine("hqwebapp/js/tempus_dominus", [
     window.Popper = Popper;
 
     let createDatePicker = function (el, options) {
-        return new tempusDominus.TempusDominus(el, _addDefaultOptions(options, {
+        let picker = new tempusDominus.TempusDominus(el, _addDefaultOptions(options, {
             display: {
                 theme: 'light',
                 components: {
@@ -31,6 +31,9 @@ hqDefine("hqwebapp/js/tempus_dominus", [
                 format: 'yyyy-MM-dd',
             }),
         }));
+        if (options.viewDate) {
+            picker.dates.setValue(options.viewDate);
+        }
     };
 
     // This replaces createBootstrap3DefaultDateRangePicker in hqwebapp/js/daterangepicker.config
@@ -71,7 +74,7 @@ hqDefine("hqwebapp/js/tempus_dominus", [
     };
 
     let createTimePicker = function (el, options) {
-        return new tempusDominus.TempusDominus(el, _addDefaultOptions(options, {
+        var picker = new tempusDominus.TempusDominus(el, _addDefaultOptions(options, {
             display: {
                 theme: 'light',
                 components: {
@@ -83,6 +86,9 @@ hqDefine("hqwebapp/js/tempus_dominus", [
                 format: 'H:mm',
             }),
         }));
+        if (options.viewDate) {
+            picker.dates.setValue(options.viewDate);
+        }
     };
 
     // Combine user-passed TD options with default options.