Merge branch 'v3'

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+### v3.3.4
+* recreate global container if it was removed from DOM [#516](https://github.com/t1m0n/air-datepicker/issues/516)
+* added Greek locale, thanks to [sonole](https://github.com/sonole), in [#515](https://github.com/t1m0n/air-datepicker/pull/515)
+
 ### v3.3.3
 * fixed time format in timepicker body [#512](https://github.com/t1m0n/air-datepicker/issues/512)
 

README.md

@@ -26,6 +26,10 @@ new AirDatepicker('#el' [, options]);
 
 ## Recent updates
 
+### v3.3.4
+* recreate global container if it was removed from DOM [#516](https://github.com/t1m0n/air-datepicker/issues/516)
+* added Greek locale, thanks to [sonole](https://github.com/sonole), in [#515](https://github.com/t1m0n/air-datepicker/pull/515)
+
 ### v3.3.3
 * fixed time format in timepicker body [#512](https://github.com/t1m0n/air-datepicker/issues/512)
 

dist/README.md

@@ -26,6 +26,10 @@ new AirDatepicker('#el' [, options]);
 
 ## Recent updates
 
+### v3.3.4
+* recreate global container if it was removed from DOM [#516](https://github.com/t1m0n/air-datepicker/issues/516)
+* added Greek locale, thanks to [sonole](https://github.com/sonole), in [#515](https://github.com/t1m0n/air-datepicker/pull/515)
+
 ### v3.3.3
 * fixed time format in timepicker body [#512](https://github.com/t1m0n/air-datepicker/issues/512)
 

dist/air-datepicker.d.ts

@@ -116,7 +116,10 @@ export declare type AirDatepickerOptions = {
 
 declare class AirDatepicker<E extends HTMLElement = HTMLInputElement> {
     constructor(el: string | E, opts? : Partial<AirDatepickerOptions>)
+    static defaults: AirDatepickerOptions
     static version: string
+    static defaultGlobalContainerId: string
+    static buildGlobalContainer: (id?: string) => void;
     show: () => void
     hide: () => void
     next: () => void

dist/locale/el.d.ts

@@ -0,0 +1,6 @@
+declare module 'air-datepicker/locale/el' {
+    import {AirDatepickerLocale} from 'air-datepicker';
+    const el: AirDatepickerLocale;
+
+    export default el;
+}

dist/locale/el.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  days: ['Κυριακή', 'Δευτέρα', 'Τρίτη', 'Τετάρτη', 'Πέμπτη', 'Παρασκευή', 'Σάββατο'],
+  daysShort: ['Κυρ', 'Δευ', 'Τρί', 'Τετ', 'Πέμ', 'Παρ', 'Σάβ'],
+  daysMin: ['Κυ', 'Δε', 'Τρ', 'Τε', 'Πε', 'Πα', 'Σα'],
+  months: ['Ιανουάριος', 'Φεβρουάριος', 'Μάρτιος', 'Απρίλιος', 'Μάιος', 'Ιούνιος', 'Ιούλιος', 'Αύγουστος', 'Σεπτέμβριος', 'Οκτώβριος', 'Νοέμβριος', 'Δεκέμβριος'],
+  monthsShort: ['Ιαν', 'Φεβ', 'Μαρ', 'Απρ', 'Μάι', 'Ιούν', 'Ιούλ', 'Αύγ', 'Σεπ', 'Οκτ', 'Νοε', 'Δεκ'],
+  today: 'Σήμερα',
+  clear: 'Καθαρισμός',
+  dateFormat: 'dd/MM/yyyy',
+  timeFormat: 'hh:mm aa',
+  firstDay: 1
+};
+exports.default = _default;

dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "air-datepicker",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "scripts": {
     "dev": "set NODE_ENV=development&& webpack",
     "dev:serve": "npm run browser&& set NODE_ENV=development&& webpack serve",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "air-datepicker",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "scripts": {
     "dev": "set NODE_ENV=development&& webpack",
     "dev:serve": "npm run browser&& set NODE_ENV=development&& webpack serve",

src/datepicker.d.ts

@@ -116,7 +116,10 @@ export declare type AirDatepickerOptions = {
 
 declare class AirDatepicker<E extends HTMLElement = HTMLInputElement> {
     constructor(el: string | E, opts? : Partial<AirDatepickerOptions>)
+    static defaults: AirDatepickerOptions
     static version: string
+    static defaultGlobalContainerId: string
+    static buildGlobalContainer: (id?: string) => void;
     show: () => void
     hide: () => void
     next: () => void

src/datepicker.js

@@ -25,28 +25,24 @@ import consts from './consts';
 import './datepickerVars.scss';
 import './datepicker.scss';
 
-let $body = '',
-    $datepickersContainer = '',
+let $datepickersContainer = '',
     $datepickerOverlay = '',
     containerBuilt = false,
     baseTemplate = '' +
         '<i class="air-datepicker--pointer"></i>' +
         '<div class="air-datepicker--navigation"></div>' +
         '<div class="air-datepicker--content"></div>';
 
-function buildDatepickersContainer(id) {
-    containerBuilt = true;
-
-    $datepickersContainer = createElement({className: id, id});
-    $body.appendChild($datepickersContainer);
-
-    return $datepickersContainer;
-}
-
 export default class Datepicker {
     static defaults = defaults
-    static version = '3.3.3'
-    static defaultContainerId = 'air-datepicker-global-container'
+    static version = '3.3.4'
+    static defaultGlobalContainerId = 'air-datepicker-global-container'
+    static buildGlobalContainer(id) {
+        containerBuilt = true;
+
+        $datepickersContainer = createElement({className: id, id});
+        getEl('body').appendChild($datepickersContainer);
+    }
     constructor(el, opts) {
         this.$el = getEl(el);
 
@@ -57,9 +53,6 @@ export default class Datepicker {
         this.$customContainer = this.opts.container ? getEl(this.opts.container) : false;
         this.$altField = getEl(this.opts.altField || false);
 
-        if (!$body) {
-            $body = getEl('body');
-        }
 
         let {view, startDate} = this.opts;
 
@@ -104,9 +97,17 @@ export default class Datepicker {
                 onlyTimepicker
             }
         } = this;
+        let $body = getEl('body');
+
+        let shouldBuildGlobalContainer =
+            // Check if global container still exist in DOM
+            (!containerBuilt || containerBuilt && $datepickersContainer && !$body.contains($datepickersContainer))
+            && !inline
+            && this.elIsInput
+            && !this.$customContainer;
 
-        if (!containerBuilt && !inline && this.elIsInput) {
-            buildDatepickersContainer(Datepicker.defaultContainerId);
+        if (shouldBuildGlobalContainer) {
+            Datepicker.buildGlobalContainer(Datepicker.defaultGlobalContainerId);
         }
 
         if (isMobile && !$datepickerOverlay && !treatAsInline) {

src/locale/el.js

@@ -0,0 +1,12 @@
+export default {
+    days: ['Κυριακή', 'Δευτέρα', 'Τρίτη', 'Τετάρτη', 'Πέμπτη', 'Παρασκευή', 'Σάββατο'],
+    daysShort: ['Κυρ', 'Δευ', 'Τρί', 'Τετ', 'Πέμ', 'Παρ', 'Σάβ'],
+    daysMin: ['Κυ', 'Δε', 'Τρ', 'Τε', 'Πε', 'Πα', 'Σα'],
+    months: ['Ιανουάριος', 'Φεβρουάριος', 'Μάρτιος', 'Απρίλιος', 'Μάιος', 'Ιούνιος', 'Ιούλιος', 'Αύγουστος', 'Σεπτέμβριος', 'Οκτώβριος', 'Νοέμβριος', 'Δεκέμβριος'],
+    monthsShort: ['Ιαν', 'Φεβ', 'Μαρ', 'Απρ', 'Μάι', 'Ιούν', 'Ιούλ', 'Αύγ', 'Σεπ', 'Οκτ', 'Νοε', 'Δεκ'],
+    today: 'Σήμερα',
+    clear: 'Καθαρισμός',
+    dateFormat: 'dd/MM/yyyy',
+    timeFormat: 'hh:mm aa',
+    firstDay: 1
+};