fix: fixed update with view option when calendar is hidden, fixes t…

…1m0n#476

src/datepicker.js

@@ -982,7 +982,9 @@ export default class Datepicker {
 
  this.currentView = view;
 
- if (this.elIsInput && this.visible) this.setPosition(undefined, true);
+ if (this.elIsInput && this.visible) {
+ this.setPosition(undefined, true);
+ }
 
  // Trigger inner event before new view is inited, to avoid multiple render calls in datepicker body
  this.trigger(consts.eventChangeCurrentView, view);
@@ -994,7 +996,9 @@ export default class Datepicker {
  type: view
  });
 
- this.$content.appendChild(newView.$el);
+ if (this.shouldUpdateDOM) {
+ this.$content.appendChild(newView.$el);
+ }
  }
 
  // Trigger user event after, to be able to use datepicker api on rendered view
@@ -1274,6 +1278,10 @@ export default class Datepicker {
  // Helpers
  // -------------------------------------------------
 
+ get shouldUpdateDOM() {
+ return this.visible || this.treatAsInline;
+ }
+
  get parsedViewDate() {
  return getParsedDate(this.viewDate);
  }

tests/api.test.js

@@ -1,9 +1,5 @@
 import {beforeAll, afterEach, describe, test, it, expect} from '@jest/globals';
 import Datepicker from 'datepicker';
-import {isSameDate} from 'utils';
-import en from 'locale/en';
-import de from 'locale/de';
-import consts from 'consts';
 
 let $input, $altInput, dp, $datepicker;
 
@@ -65,5 +61,17 @@ describe('API TESTS', () => {
  });
  }).not.toThrow();
  });
+
+ test('update `view` when calendar is hidden', () => {
+ init({
+ visible: false
+ });
+ expect(() => {
+ dp.update({
+ view: 'months'
+ });
+ }
+ ).not.toThrow();
+ });
  });
 });