Release 0.16.1

CHANGELOG.md

@@ -1,31 +1,7 @@
 # Changelog
 
-## [0.16.0] - 2019-01-31
-
-### Added
-
-- Added alternative way to display dates to users.
-- Added range selector for datepicker.
-- Added multiple date selector for datepicker.
-
-### Changed
-
-- Replaced rome datepicker with flatpickr as rome is no longer maintained, as a result moment is no longer available through the designguide.
-- Changed cards so it is no longer required to wrap cards in the `.cards` container for them to work.
-- Text color utility class `.color-{name}` has been replaced with `.text-{name}`, and is deprecated.
-- Renamed icons to iconography under core, and moved payment icons under material icons.
-- Replaced b64 images with SVGs for `<select>`, checkbox and radio buttons.
-- Changed icon classes naming so they are more consistent. Icon class names without the correct prefix (.small..) are deprecated.
-- Changed how toasts are displayed in combination with sheet. They now appear to the left of sheet.
+## [0.16.1] - 2019-02-05
 
 ### Fixed
 
-- Fixed issue with negative margin utility classes not being generated.
-- Fixed issue with panel not taking full width on mobile screens.
-- Fixed issue with gap between body and arrow in tooltips on larger screens.
-- Fixed issue with documentation header not appearing on refresh.
-- Fixed issue with wrong spacing in step items with anchor elements (#183).
-- Fixed issue with button loaders displaying button name when clicked.
-- Fixed issue with disabled button loaders being clickable.
-- Fixed issue with tooltip not displaying correctly with icons.
-- Fixed issue with open dialog and sheet padding for mobile.
+- Fixed issue with datepicker not being visible inside sheet.

README.md

@@ -2,7 +2,7 @@
 
 # PayEx DesignGuide
 
-[![Version](https://img.shields.io/badge/Version-0.16.0-blue.svg)](https://github.com/PayEx/design.payex.com/releases/tag/0.16.0)
+[![Version](https://img.shields.io/badge/Version-0.16.1-blue.svg)](https://github.com/PayEx/design.payex.com/releases/tag/0.16.1)
 [![Build status](https://ci.appveyor.com/api/projects/status/1dii19sqw1m7xtsn/branch/master?svg=true)](https://ci.appveyor.com/project/PayEx/design-payex-com/branch/master)
 [![Code Coverage](https://codecov.io/gh/payex/design.payex.com/branch/master/graph/badge.svg)](https://codecov.io/gh/payex/design.payex.com)
 [![Dependabot Status](https://api.dependabot.com/badges/status?host=github&repo=PayEx/design.payex.com)](https://dependabot.com)

package.json

@@ -1,6 +1,6 @@
 {
     "name": "design.payex.com",
-    "version": "0.16.0",
+    "version": "0.16.1",
     "description": "PayEx DesignGuide",
     "main": "index.js",
     "scripts": {

src/less/components/sheet.less

@@ -56,4 +56,8 @@ body.sheet-open {
             overflow-y: auto;
         }
     }
+
+    .flatpickr-calendar {
+        z-index: 4000;
+    }
 }

src/px-script/main/datepicker/index.js

@@ -45,16 +45,16 @@ const datepicker = (() => {
             options.dateFormat = format.dateFormat.concat(" ", format.hourFormat);
         }
 
-        flatpickr(datepicker, options);
+        return flatpickr(datepicker, options);
     };
 
     const init = () => {
         const datepickers = document.querySelectorAll("[data-datepicker]");
 
+        window.px._datepickers = window.px._datepickers || [];
+
         if (datepickers.length) {
-            datepickers.forEach(picker => {
-                _createDatepicker(picker);
-            });
+            datepickers.forEach(picker => window.px._datepickers.push(_createDatepicker(picker)));
         }
     };