@telsho/react-google-flight-datepicker 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts.gz +0 -0
- package/dist/main.2e27bdd8ff7277467b40.hot-update.js +136 -0
- package/dist/main.2e27bdd8ff7277467b40.hot-update.js.gz +0 -0
- package/dist/main.2e27bdd8ff7277467b40.hot-update.js.map +1 -0
- package/dist/main.2e27bdd8ff7277467b40.hot-update.js.map.gz +0 -0
- package/dist/main.2e27bdd8ff7277467b40.hot-update.json +1 -0
- package/dist/main.7ecf6367a33877ea7ba6.hot-update.js +185 -0
- package/dist/main.7ecf6367a33877ea7ba6.hot-update.js.gz +0 -0
- package/dist/main.7ecf6367a33877ea7ba6.hot-update.js.map +1 -0
- package/dist/main.7ecf6367a33877ea7ba6.hot-update.js.map.gz +0 -0
- package/dist/main.7ecf6367a33877ea7ba6.hot-update.json +1 -0
- package/dist/main.js +4256 -0
- package/dist/main.js.gz +0 -0
- package/dist/main.js.map +1 -0
- package/dist/main.js.map.gz +0 -0
- package/dist/vendors-node_modules_a.js +1063 -0
- package/dist/vendors-node_modules_a.js.gz +0 -0
- package/dist/vendors-node_modules_a.js.map +1 -0
- package/dist/vendors-node_modules_a.js.map.gz +0 -0
- package/dist/vendors-node_modules_h.js +112 -0
- package/dist/vendors-node_modules_h.js.gz +0 -0
- package/dist/vendors-node_modules_h.js.map +1 -0
- package/dist/vendors-node_modules_h.js.map.gz +0 -0
- package/dist/vendors-node_modules_r.js +4788 -0
- package/dist/vendors-node_modules_r.js.gz +0 -0
- package/dist/vendors-node_modules_r.js.map +1 -0
- package/dist/vendors-node_modules_r.js.map.gz +0 -0
- package/dist/vendors-node_modules_react-d.js +2593 -0
- package/dist/vendors-node_modules_react-d.js.gz +0 -0
- package/dist/vendors-node_modules_react-d.js.map +1 -0
- package/dist/vendors-node_modules_react-d.js.map.gz +0 -0
- package/dist/vendors-node_modules_react-dom_cjs_react-dom_development_js-61bb2bf2.js +29933 -0
- package/dist/vendors-node_modules_react-dom_cjs_react-dom_development_js-61bb2bf2.js.gz +0 -0
- package/dist/vendors-node_modules_react-dom_cjs_react-dom_development_js-61bb2bf2.js.map +1 -0
- package/dist/vendors-node_modules_react-dom_cjs_react-dom_development_js-61bb2bf2.js.map.gz +0 -0
- package/dist/vendors-node_modules_s.js +2807 -0
- package/dist/vendors-node_modules_s.js.gz +0 -0
- package/dist/vendors-node_modules_s.js.map +1 -0
- package/dist/vendors-node_modules_s.js.map.gz +0 -0
- package/package.json +10 -19
- package/dist/1014.index.js +0 -2
- package/dist/1014.index.js.map +0 -1
- package/dist/1024.index.js +0 -2
- package/dist/1024.index.js.map +0 -1
- package/dist/1037.index.js +0 -2
- package/dist/1037.index.js.map +0 -1
- package/dist/1048.index.js +0 -2
- package/dist/1048.index.js.map +0 -1
- package/dist/1127.index.js +0 -2
- package/dist/1127.index.js.map +0 -1
- package/dist/1131.index.js +0 -2
- package/dist/1131.index.js.map +0 -1
- package/dist/1162.index.js +0 -2
- package/dist/1162.index.js.map +0 -1
- package/dist/1172.index.js +0 -2
- package/dist/1172.index.js.map +0 -1
- package/dist/120.index.js +0 -2
- package/dist/120.index.js.map +0 -1
- package/dist/1216.index.js +0 -2
- package/dist/1216.index.js.map +0 -1
- package/dist/1270.index.js +0 -2
- package/dist/1270.index.js.map +0 -1
- package/dist/1349.index.js +0 -2
- package/dist/1349.index.js.map +0 -1
- package/dist/1409.index.js +0 -2
- package/dist/1409.index.js.map +0 -1
- package/dist/1432.index.js +0 -2
- package/dist/1432.index.js.map +0 -1
- package/dist/164.index.js +0 -2
- package/dist/164.index.js.map +0 -1
- package/dist/1709.index.js +0 -2
- package/dist/1709.index.js.map +0 -1
- package/dist/1733.index.js +0 -2
- package/dist/1733.index.js.map +0 -1
- package/dist/1999.index.js +0 -2
- package/dist/1999.index.js.map +0 -1
- package/dist/2149.index.js +0 -2
- package/dist/2149.index.js.map +0 -1
- package/dist/2163.index.js +0 -2
- package/dist/2163.index.js.map +0 -1
- package/dist/2219.index.js +0 -2
- package/dist/2219.index.js.map +0 -1
- package/dist/2285.index.js +0 -2
- package/dist/2285.index.js.map +0 -1
- package/dist/229.index.js +0 -2
- package/dist/229.index.js.map +0 -1
- package/dist/2345.index.js +0 -2
- package/dist/2345.index.js.map +0 -1
- package/dist/2388.index.js +0 -2
- package/dist/2388.index.js.map +0 -1
- package/dist/2541.index.js +0 -2
- package/dist/2541.index.js.map +0 -1
- package/dist/2734.index.js +0 -2
- package/dist/2734.index.js.map +0 -1
- package/dist/2837.index.js +0 -2
- package/dist/2837.index.js.map +0 -1
- package/dist/2880.index.js +0 -2
- package/dist/2880.index.js.map +0 -1
- package/dist/3117.index.js +0 -2
- package/dist/3117.index.js.map +0 -1
- package/dist/3119.index.js +0 -2
- package/dist/3119.index.js.map +0 -1
- package/dist/3183.index.js +0 -2
- package/dist/3183.index.js.map +0 -1
- package/dist/3212.index.js +0 -2
- package/dist/3212.index.js.map +0 -1
- package/dist/3237.index.js +0 -2
- package/dist/3237.index.js.map +0 -1
- package/dist/3274.index.js +0 -2
- package/dist/3274.index.js.map +0 -1
- package/dist/3306.index.js +0 -2
- package/dist/3306.index.js.map +0 -1
- package/dist/3430.index.js +0 -2
- package/dist/3430.index.js.map +0 -1
- package/dist/3438.index.js +0 -2
- package/dist/3438.index.js.map +0 -1
- package/dist/3613.index.js +0 -2
- package/dist/3613.index.js.map +0 -1
- package/dist/3641.index.js +0 -2
- package/dist/3641.index.js.map +0 -1
- package/dist/3838.index.js +0 -2
- package/dist/3838.index.js.map +0 -1
- package/dist/3920.index.js +0 -2
- package/dist/3920.index.js.map +0 -1
- package/dist/3947.index.js +0 -2
- package/dist/3947.index.js.map +0 -1
- package/dist/4010.index.js +0 -2
- package/dist/4010.index.js.map +0 -1
- package/dist/406.index.js +0 -2
- package/dist/406.index.js.map +0 -1
- package/dist/4063.index.js +0 -2
- package/dist/4063.index.js.map +0 -1
- package/dist/424.index.js +0 -2
- package/dist/424.index.js.map +0 -1
- package/dist/4254.index.js +0 -2
- package/dist/4254.index.js.map +0 -1
- package/dist/4351.index.js +0 -2
- package/dist/4351.index.js.map +0 -1
- package/dist/454.index.js +0 -2
- package/dist/454.index.js.map +0 -1
- package/dist/4565.index.js +0 -2
- package/dist/4565.index.js.map +0 -1
- package/dist/4610.index.js +0 -2
- package/dist/4610.index.js.map +0 -1
- package/dist/4676.index.js +0 -2
- package/dist/4676.index.js.map +0 -1
- package/dist/4769.index.js +0 -2
- package/dist/4769.index.js.map +0 -1
- package/dist/4780.index.js +0 -2
- package/dist/4780.index.js.map +0 -1
- package/dist/4785.index.js +0 -2
- package/dist/4785.index.js.map +0 -1
- package/dist/4868.index.js +0 -2
- package/dist/4868.index.js.map +0 -1
- package/dist/4892.index.js +0 -2
- package/dist/4892.index.js.map +0 -1
- package/dist/497.index.js +0 -2
- package/dist/497.index.js.map +0 -1
- package/dist/5081.index.js +0 -2
- package/dist/5081.index.js.map +0 -1
- package/dist/5204.index.js +0 -2
- package/dist/5204.index.js.map +0 -1
- package/dist/5206.index.js +0 -2
- package/dist/5206.index.js.map +0 -1
- package/dist/5328.index.js +0 -2
- package/dist/5328.index.js.map +0 -1
- package/dist/5329.index.js +0 -2
- package/dist/5329.index.js.map +0 -1
- package/dist/5334.index.js +0 -2
- package/dist/5334.index.js.map +0 -1
- package/dist/5363.index.js +0 -2
- package/dist/5363.index.js.map +0 -1
- package/dist/5606.index.js +0 -2
- package/dist/5606.index.js.map +0 -1
- package/dist/5705.index.js +0 -2
- package/dist/5705.index.js.map +0 -1
- package/dist/5780.index.js +0 -2
- package/dist/5780.index.js.map +0 -1
- package/dist/6034.index.js +0 -2
- package/dist/6034.index.js.map +0 -1
- package/dist/6060.index.js +0 -2
- package/dist/6060.index.js.map +0 -1
- package/dist/6113.index.js +0 -2
- package/dist/6113.index.js.map +0 -1
- package/dist/6157.index.js +0 -2
- package/dist/6157.index.js.map +0 -1
- package/dist/6167.index.js +0 -2
- package/dist/6167.index.js.map +0 -1
- package/dist/6217.index.js +0 -2
- package/dist/6217.index.js.map +0 -1
- package/dist/624.index.js +0 -2
- package/dist/624.index.js.map +0 -1
- package/dist/6293.index.js +0 -2
- package/dist/6293.index.js.map +0 -1
- package/dist/6408.index.js +0 -2
- package/dist/6408.index.js.map +0 -1
- package/dist/6446.index.js +0 -2
- package/dist/6446.index.js.map +0 -1
- package/dist/645.index.js +0 -2
- package/dist/645.index.js.map +0 -1
- package/dist/6505.index.js +0 -2
- package/dist/6505.index.js.map +0 -1
- package/dist/6539.index.js +0 -2
- package/dist/6539.index.js.map +0 -1
- package/dist/6706.index.js +0 -2
- package/dist/6706.index.js.map +0 -1
- package/dist/6715.index.js +0 -2
- package/dist/6715.index.js.map +0 -1
- package/dist/6797.index.js +0 -2
- package/dist/6797.index.js.map +0 -1
- package/dist/6824.index.js +0 -2
- package/dist/6824.index.js.map +0 -1
- package/dist/6879.index.js +0 -2
- package/dist/6879.index.js.map +0 -1
- package/dist/6905.index.js +0 -2
- package/dist/6905.index.js.map +0 -1
- package/dist/6967.index.js +0 -2
- package/dist/6967.index.js.map +0 -1
- package/dist/7042.index.js +0 -2
- package/dist/7042.index.js.map +0 -1
- package/dist/7153.index.js +0 -2
- package/dist/7153.index.js.map +0 -1
- package/dist/7206.index.js +0 -2
- package/dist/7206.index.js.map +0 -1
- package/dist/7221.index.js +0 -2
- package/dist/7221.index.js.map +0 -1
- package/dist/7226.index.js +0 -2
- package/dist/7226.index.js.map +0 -1
- package/dist/7234.index.js +0 -2
- package/dist/7234.index.js.map +0 -1
- package/dist/744.index.js +0 -2
- package/dist/744.index.js.map +0 -1
- package/dist/7447.index.js +0 -2
- package/dist/7447.index.js.map +0 -1
- package/dist/7512.index.js +0 -2
- package/dist/7512.index.js.map +0 -1
- package/dist/754.index.js +0 -2
- package/dist/754.index.js.map +0 -1
- package/dist/7607.index.js +0 -2
- package/dist/7607.index.js.map +0 -1
- package/dist/7609.index.js +0 -2
- package/dist/7609.index.js.map +0 -1
- package/dist/7876.index.js +0 -2
- package/dist/7876.index.js.map +0 -1
- package/dist/7932.index.js +0 -2
- package/dist/7932.index.js.map +0 -1
- package/dist/7981.index.js +0 -2
- package/dist/7981.index.js.map +0 -1
- package/dist/8022.index.js +0 -2
- package/dist/8022.index.js.map +0 -1
- package/dist/8068.index.js +0 -2
- package/dist/8068.index.js.map +0 -1
- package/dist/8146.index.js +0 -2
- package/dist/8146.index.js.map +0 -1
- package/dist/8267.index.js +0 -2
- package/dist/8267.index.js.map +0 -1
- package/dist/833.index.js +0 -2
- package/dist/833.index.js.map +0 -1
- package/dist/8629.index.js +0 -2
- package/dist/8629.index.js.map +0 -1
- package/dist/8641.index.js +0 -2
- package/dist/8641.index.js.map +0 -1
- package/dist/8667.index.js +0 -2
- package/dist/8667.index.js.map +0 -1
- package/dist/8699.index.js +0 -2
- package/dist/8699.index.js.map +0 -1
- package/dist/8788.index.js +0 -2
- package/dist/8788.index.js.map +0 -1
- package/dist/8807.index.js +0 -2
- package/dist/8807.index.js.map +0 -1
- package/dist/8911.index.js +0 -2
- package/dist/8911.index.js.map +0 -1
- package/dist/8937.index.js +0 -2
- package/dist/8937.index.js.map +0 -1
- package/dist/8945.index.js +0 -2
- package/dist/8945.index.js.map +0 -1
- package/dist/8956.index.js +0 -2
- package/dist/8956.index.js.map +0 -1
- package/dist/8971.index.js +0 -2
- package/dist/8971.index.js.map +0 -1
- package/dist/9034.index.js +0 -2
- package/dist/9034.index.js.map +0 -1
- package/dist/905.index.js +0 -2
- package/dist/905.index.js.map +0 -1
- package/dist/9056.index.js +0 -2
- package/dist/9056.index.js.map +0 -1
- package/dist/9105.index.js +0 -2
- package/dist/9105.index.js.map +0 -1
- package/dist/9268.index.js +0 -2
- package/dist/9268.index.js.map +0 -1
- package/dist/9292.index.js +0 -2
- package/dist/9292.index.js.map +0 -1
- package/dist/9378.index.js +0 -2
- package/dist/9378.index.js.map +0 -1
- package/dist/9550.index.js +0 -2
- package/dist/9550.index.js.map +0 -1
- package/dist/9620.index.js +0 -2
- package/dist/9620.index.js.map +0 -1
- package/dist/9625.index.js +0 -2
- package/dist/9625.index.js.map +0 -1
- package/dist/9745.index.js +0 -2
- package/dist/9745.index.js.map +0 -1
- package/dist/9787.index.js +0 -2
- package/dist/9787.index.js.map +0 -1
- package/dist/9862.index.js +0 -2
- package/dist/9862.index.js.map +0 -1
- package/dist/index.js +0 -3
- package/dist/index.js.LICENSE.txt +0 -17
- package/dist/index.js.map +0 -1
- package/dist/styles.css +0 -3
- package/dist/styles.css.map +0 -1
|
Binary file
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
self["webpackHotUpdate_telsho_react_google_flight_datepicker"]("main",{
|
|
3
|
+
|
|
4
|
+
/***/ "./src/dev/index.tsx":
|
|
5
|
+
/*!***************************!*\
|
|
6
|
+
!*** ./src/dev/index.tsx ***!
|
|
7
|
+
\***************************/
|
|
8
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
9
|
+
|
|
10
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
13
|
+
/* harmony export */ });
|
|
14
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
|
15
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
16
|
+
/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ "./node_modules/react-dom/client.js");
|
|
17
|
+
/* harmony import */ var _lib_components_DatePicker_styles_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../lib/components/DatePicker/styles.scss */ "./src/lib/components/DatePicker/styles.scss");
|
|
18
|
+
/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dayjs */ "./node_modules/dayjs/dayjs.min.js");
|
|
19
|
+
/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_3__);
|
|
20
|
+
/* harmony import */ var _lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib/components/DatePicker/SingleDatePicker */ "./src/lib/components/DatePicker/SingleDatePicker.tsx");
|
|
21
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
22
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
23
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
24
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
25
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
var App = function App() {
|
|
34
|
+
var _subTextDict;
|
|
35
|
+
var subTextDict = (_subTextDict = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_subTextDict, dayjs__WEBPACK_IMPORTED_MODULE_3___default()().format('YYYY-MM-DD'), "500$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(1, 'day').format('YYYY-MM-DD'), "543$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(2, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(3, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(4, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(5, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(6, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(7, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(8, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(9, 'day').format('YYYY-MM-DD'), "94$"), _defineProperty(_defineProperty(_subTextDict, dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(10, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(11, 'day').format('YYYY-MM-DD'), "940$"));
|
|
36
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
|
|
37
|
+
className: "App",
|
|
38
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h1", {
|
|
39
|
+
children: "react-google-flight-datepicker"
|
|
40
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
41
|
+
children: "Install"
|
|
42
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("pre", {
|
|
43
|
+
children: ["npm install react-google-flight-datepicker", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), "yarn add react-google-flight-datepicker"]
|
|
44
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
45
|
+
children: "RangeDatePicker"
|
|
46
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
47
|
+
startDate: new Date(2020, 0, 15),
|
|
48
|
+
endDate: new Date(2020, 1, 1)
|
|
49
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
50
|
+
children: "SingleDatePicker"
|
|
51
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.SingleDatePicker, {
|
|
52
|
+
startDate: new Date(2020, 0, 15)
|
|
53
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
54
|
+
children: "RangeDatePicker with startDate and endDate"
|
|
55
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
56
|
+
startDate: new Date(2020, 0, 1),
|
|
57
|
+
endDate: new Date(2020, 1, 1)
|
|
58
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
59
|
+
children: "RangeDatePicker with minDate and maxDate"
|
|
60
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
61
|
+
startDate: new Date(2020, 0, 15),
|
|
62
|
+
endDate: new Date(2020, 1, 8),
|
|
63
|
+
minDate: new Date(2020, 0, 1),
|
|
64
|
+
maxDate: new Date(2020, 1, 5)
|
|
65
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
66
|
+
children: "RangeDatePicker with custom date format"
|
|
67
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
68
|
+
startDate: new Date(2020, 0, 15),
|
|
69
|
+
endDate: new Date(2020, 1, 1),
|
|
70
|
+
dateFormat: "D"
|
|
71
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
72
|
+
children: "RangeDatePicker with custom month format"
|
|
73
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
74
|
+
startDate: new Date(2020, 0, 15),
|
|
75
|
+
endDate: new Date(2020, 1, 1),
|
|
76
|
+
monthFormat: "MMMM"
|
|
77
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
78
|
+
children: "Disabled RangeDatePicker"
|
|
79
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
80
|
+
startDate: new Date(2020, 0, 15),
|
|
81
|
+
endDate: new Date(2020, 1, 1),
|
|
82
|
+
disabled: true
|
|
83
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
84
|
+
children: "Custom placeholder"
|
|
85
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
86
|
+
startDate: new Date(2020, 0, 15),
|
|
87
|
+
endDate: new Date(2020, 1, 1),
|
|
88
|
+
startDatePlaceholder: "From",
|
|
89
|
+
endDatePlaceholder: "To"
|
|
90
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
91
|
+
children: "Highlight today"
|
|
92
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
93
|
+
startDate: new Date(2020, 0, 15),
|
|
94
|
+
endDate: new Date(2020, 1, 1),
|
|
95
|
+
startDatePlaceholder: "From",
|
|
96
|
+
endDatePlaceholder: "To",
|
|
97
|
+
highlightToday: true
|
|
98
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
99
|
+
children: "Subtext"
|
|
100
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
101
|
+
startDate: new Date(),
|
|
102
|
+
endDate: new Date(Date.now() + 15 * 24 * 60 * 60 * 1000),
|
|
103
|
+
startDatePlaceholder: "From",
|
|
104
|
+
endDatePlaceholder: "To",
|
|
105
|
+
subTextDict: subTextDict
|
|
106
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", {
|
|
107
|
+
children: "Left Expanding"
|
|
108
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.RangeDatePicker, {
|
|
109
|
+
startDate: new Date(),
|
|
110
|
+
endDate: new Date(Date.now() + 15 * 24 * 60 * 60 * 1000),
|
|
111
|
+
startDatePlaceholder: "From",
|
|
112
|
+
endDatePlaceholder: "To",
|
|
113
|
+
expandDirection: "left"
|
|
114
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {})]
|
|
115
|
+
});
|
|
116
|
+
};
|
|
117
|
+
var container = document.getElementById('root');
|
|
118
|
+
if (!container) {
|
|
119
|
+
throw new Error('Root element not found');
|
|
120
|
+
}
|
|
121
|
+
var root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(container);
|
|
122
|
+
root.render(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(App, {}));
|
|
123
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App);
|
|
124
|
+
|
|
125
|
+
/***/ })
|
|
126
|
+
|
|
127
|
+
},
|
|
128
|
+
/******/ function(__webpack_require__) { // webpackRuntimeModules
|
|
129
|
+
/******/ /* webpack/runtime/getFullHash */
|
|
130
|
+
/******/ (() => {
|
|
131
|
+
/******/ __webpack_require__.h = () => ("7ecf6367a33877ea7ba6")
|
|
132
|
+
/******/ })();
|
|
133
|
+
/******/
|
|
134
|
+
/******/ }
|
|
135
|
+
);
|
|
136
|
+
//# sourceMappingURL=main.2e27bdd8ff7277467b40.hot-update.js.map
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.2e27bdd8ff7277467b40.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAAA;AACA;AAeA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAKA;AACA;AAAA;AAEA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;AClIA","sources":["webpack://@telsho/react-google-flight-datepicker/./src/dev/index.tsx","webpack://@telsho/react-google-flight-datepicker/webpack/runtime/getFullHash"],"sourcesContent":["import React from 'react';\r\nimport { createRoot } from 'react-dom/client';\r\nimport '../lib/components/DatePicker/styles.scss';\r\nimport dayjs from 'dayjs';\r\nimport { SingleDatePicker } from '../lib/components/DatePicker/SingleDatePicker';\r\nimport { RangeDatePicker } from '../lib/components/DatePicker/SingleDatePicker';\r\n\r\ninterface SubTextDict {\r\n [key: string]: string;\r\n}\r\n\r\nconst App: React.FC = () => {\r\n const subTextDict: SubTextDict = {\r\n [dayjs().format('YYYY-MM-DD')]: \"500$\",\r\n [dayjs().add(1, 'day').format('YYYY-MM-DD')]: \"543$\",\r\n [dayjs().add(2, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(3, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(4, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(5, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(6, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(7, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(8, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(9, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(10, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(11, 'day').format('YYYY-MM-DD')]: \"940$\",\r\n };\r\n\r\n return (\r\n <div className=\"App\">\r\n <h1>react-google-flight-datepicker</h1>\r\n <h2>Install</h2>\r\n <pre>\r\n npm install react-google-flight-datepicker\r\n <br />\r\n <br />\r\n yarn add react-google-flight-datepicker\r\n </pre>\r\n <h2>RangeDatePicker</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n />\r\n <br />\r\n <h2>SingleDatePicker</h2>\r\n <SingleDatePicker startDate={new Date(2020, 0, 15)} />\r\n <h2>RangeDatePicker with startDate and endDate</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 1)}\r\n endDate={new Date(2020, 1, 1)}\r\n />\r\n <br />\r\n <h2>RangeDatePicker with minDate and maxDate</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 8)}\r\n minDate={new Date(2020, 0, 1)}\r\n maxDate={new Date(2020, 1, 5)}\r\n />\r\n <br />\r\n <h2>RangeDatePicker with custom date format</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n dateFormat=\"D\"\r\n />\r\n <h2>RangeDatePicker with custom month format</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n monthFormat=\"MMMM\"\r\n />\r\n <br />\r\n\r\n <h2>Disabled RangeDatePicker</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n disabled\r\n />\r\n <br />\r\n\r\n <h2>Custom placeholder</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n startDatePlaceholder=\"From\"\r\n endDatePlaceholder=\"To\"\r\n />\r\n <br />\r\n\r\n <h2>Highlight today</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n startDatePlaceholder=\"From\"\r\n endDatePlaceholder=\"To\"\r\n highlightToday\r\n />\r\n <br />\r\n\r\n <h2>Subtext</h2>\r\n <RangeDatePicker\r\n startDate={new Date()}\r\n endDate={new Date(Date.now() + 15 * 24 * 60 * 60 * 1000)}\r\n startDatePlaceholder=\"From\"\r\n endDatePlaceholder=\"To\"\r\n subTextDict={subTextDict}\r\n />\r\n <br />\r\n\r\n <h2>Left Expanding</h2>\r\n <RangeDatePicker\r\n startDate={new Date()}\r\n endDate={new Date(Date.now() + 15 * 24 * 60 * 60 * 1000)}\r\n startDatePlaceholder=\"From\"\r\n endDatePlaceholder=\"To\"\r\n expandDirection=\"left\"\r\n />\r\n <br />\r\n </div>\r\n );\r\n};\r\n\r\nconst container = document.getElementById('root');\r\nif (!container) {\r\n throw new Error('Root element not found');\r\n}\r\nconst root = createRoot(container);\r\nroot.render(<App />);\r\n\r\nexport default App;","__webpack_require__.h = () => (\"7ecf6367a33877ea7ba6\")"],"names":[],"sourceRoot":""}
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"c":["main"],"r":[],"m":[]}
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
self["webpackHotUpdate_telsho_react_google_flight_datepicker"]("main",{
|
|
3
|
+
|
|
4
|
+
/***/ "./src/dev/index.tsx":
|
|
5
|
+
/*!***************************!*\
|
|
6
|
+
!*** ./src/dev/index.tsx ***!
|
|
7
|
+
\***************************/
|
|
8
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
9
|
+
|
|
10
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
13
|
+
/* harmony export */ });
|
|
14
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
|
15
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
16
|
+
/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ "./node_modules/react-dom/client.js");
|
|
17
|
+
/* harmony import */ var _lib_components_DatePicker_styles_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../lib/components/DatePicker/styles.scss */ "./src/lib/components/DatePicker/styles.scss");
|
|
18
|
+
/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dayjs */ "./node_modules/dayjs/dayjs.min.js");
|
|
19
|
+
/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_3__);
|
|
20
|
+
/* harmony import */ var _lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib/components/DatePicker/SingleDatePicker */ "./src/lib/components/DatePicker/SingleDatePicker.tsx");
|
|
21
|
+
/* harmony import */ var _lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../lib/components/DatePicker/RangeDatePicker */ "./src/lib/components/DatePicker/RangeDatePicker.tsx");
|
|
22
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
23
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
24
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
26
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
var App = function App() {
|
|
35
|
+
var _subTextDict;
|
|
36
|
+
var subTextDict = (_subTextDict = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_subTextDict, dayjs__WEBPACK_IMPORTED_MODULE_3___default()().format('YYYY-MM-DD'), "500$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(1, 'day').format('YYYY-MM-DD'), "543$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(2, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(3, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(4, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(5, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(6, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(7, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(8, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(9, 'day').format('YYYY-MM-DD'), "94$"), _defineProperty(_defineProperty(_subTextDict, dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(10, 'day').format('YYYY-MM-DD'), "94$"), dayjs__WEBPACK_IMPORTED_MODULE_3___default()().add(11, 'day').format('YYYY-MM-DD'), "940$"));
|
|
37
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
|
|
38
|
+
className: "App",
|
|
39
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h1", {
|
|
40
|
+
children: "react-google-flight-datepicker"
|
|
41
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
42
|
+
children: "Install"
|
|
43
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("pre", {
|
|
44
|
+
children: ["npm install react-google-flight-datepicker", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), "yarn add react-google-flight-datepicker"]
|
|
45
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
46
|
+
children: "RangeDatePicker"
|
|
47
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
48
|
+
startDate: new Date(2020, 0, 15),
|
|
49
|
+
endDate: new Date(2020, 1, 1)
|
|
50
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
51
|
+
children: "SingleDatePicker"
|
|
52
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_SingleDatePicker__WEBPACK_IMPORTED_MODULE_4__.SingleDatePicker, {
|
|
53
|
+
startDate: new Date(2020, 0, 15)
|
|
54
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
55
|
+
children: "RangeDatePicker with startDate and endDate"
|
|
56
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
57
|
+
startDate: new Date(2020, 0, 1),
|
|
58
|
+
endDate: new Date(2020, 1, 1)
|
|
59
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
60
|
+
children: "RangeDatePicker with minDate and maxDate"
|
|
61
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
62
|
+
startDate: new Date(2020, 0, 15),
|
|
63
|
+
endDate: new Date(2020, 1, 8),
|
|
64
|
+
minDate: new Date(2020, 0, 1),
|
|
65
|
+
maxDate: new Date(2020, 1, 5)
|
|
66
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
67
|
+
children: "RangeDatePicker with custom date format"
|
|
68
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
69
|
+
startDate: new Date(2020, 0, 15),
|
|
70
|
+
endDate: new Date(2020, 1, 1),
|
|
71
|
+
dateFormat: "D"
|
|
72
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
73
|
+
children: "RangeDatePicker with custom month format"
|
|
74
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
75
|
+
startDate: new Date(2020, 0, 15),
|
|
76
|
+
endDate: new Date(2020, 1, 1),
|
|
77
|
+
monthFormat: "MMMM"
|
|
78
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
79
|
+
children: "Disabled RangeDatePicker"
|
|
80
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
81
|
+
startDate: new Date(2020, 0, 15),
|
|
82
|
+
endDate: new Date(2020, 1, 1),
|
|
83
|
+
disabled: true
|
|
84
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
85
|
+
children: "Custom placeholder"
|
|
86
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
87
|
+
startDate: new Date(2020, 0, 15),
|
|
88
|
+
endDate: new Date(2020, 1, 1),
|
|
89
|
+
startDatePlaceholder: "From",
|
|
90
|
+
endDatePlaceholder: "To"
|
|
91
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
92
|
+
children: "Highlight today"
|
|
93
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
94
|
+
startDate: new Date(2020, 0, 15),
|
|
95
|
+
endDate: new Date(2020, 1, 1),
|
|
96
|
+
startDatePlaceholder: "From",
|
|
97
|
+
endDatePlaceholder: "To",
|
|
98
|
+
highlightToday: true
|
|
99
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
100
|
+
children: "Subtext"
|
|
101
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
102
|
+
startDate: new Date(),
|
|
103
|
+
endDate: new Date(Date.now() + 15 * 24 * 60 * 60 * 1000),
|
|
104
|
+
startDatePlaceholder: "From",
|
|
105
|
+
endDatePlaceholder: "To",
|
|
106
|
+
subTextDict: subTextDict
|
|
107
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
|
|
108
|
+
children: "Left Expanding"
|
|
109
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_lib_components_DatePicker_RangeDatePicker__WEBPACK_IMPORTED_MODULE_5__.RangeDatePicker, {
|
|
110
|
+
startDate: new Date(),
|
|
111
|
+
endDate: new Date(Date.now() + 15 * 24 * 60 * 60 * 1000),
|
|
112
|
+
startDatePlaceholder: "From",
|
|
113
|
+
endDatePlaceholder: "To",
|
|
114
|
+
expandDirection: "left"
|
|
115
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("br", {})]
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
var container = document.getElementById('root');
|
|
119
|
+
if (!container) {
|
|
120
|
+
throw new Error('Root element not found');
|
|
121
|
+
}
|
|
122
|
+
var root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(container);
|
|
123
|
+
root.render(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(App, {}));
|
|
124
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App);
|
|
125
|
+
|
|
126
|
+
/***/ }),
|
|
127
|
+
|
|
128
|
+
/***/ "./src/lib/components/DatePicker/RangeDatePicker.tsx":
|
|
129
|
+
/*!***********************************************************!*\
|
|
130
|
+
!*** ./src/lib/components/DatePicker/RangeDatePicker.tsx ***!
|
|
131
|
+
\***********************************************************/
|
|
132
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
133
|
+
|
|
134
|
+
__webpack_require__.r(__webpack_exports__);
|
|
135
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
136
|
+
/* harmony export */ RangeDatePicker: () => (/* binding */ RangeDatePicker)
|
|
137
|
+
/* harmony export */ });
|
|
138
|
+
/* harmony import */ var _BaseDatePicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BaseDatePicker */ "./src/lib/components/DatePicker/BaseDatePicker.tsx");
|
|
139
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
140
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
141
|
+
var _excluded = ["onChange", "onCloseCalendar", "startDatePlaceholder", "endDatePlaceholder"];
|
|
142
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
143
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
144
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
145
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
146
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
147
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
148
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
// RangeDatePicker.tsx
|
|
152
|
+
|
|
153
|
+
var RangeDatePicker = function RangeDatePicker(_ref) {
|
|
154
|
+
var _ref$onChange = _ref.onChange,
|
|
155
|
+
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
156
|
+
_ref$onCloseCalendar = _ref.onCloseCalendar,
|
|
157
|
+
onCloseCalendar = _ref$onCloseCalendar === void 0 ? function () {} : _ref$onCloseCalendar,
|
|
158
|
+
_ref$startDatePlaceho = _ref.startDatePlaceholder,
|
|
159
|
+
startDatePlaceholder = _ref$startDatePlaceho === void 0 ? 'Start date' : _ref$startDatePlaceho,
|
|
160
|
+
_ref$endDatePlacehold = _ref.endDatePlaceholder,
|
|
161
|
+
endDatePlaceholder = _ref$endDatePlacehold === void 0 ? 'End date' : _ref$endDatePlacehold,
|
|
162
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
163
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_BaseDatePicker__WEBPACK_IMPORTED_MODULE_0__["default"], _objectSpread(_objectSpread({}, props), {}, {
|
|
164
|
+
isSingle: false,
|
|
165
|
+
startDate: props.startDate,
|
|
166
|
+
endDate: props.endDate,
|
|
167
|
+
startDatePlaceholder: startDatePlaceholder,
|
|
168
|
+
endDatePlaceholder: endDatePlaceholder,
|
|
169
|
+
onChange: onChange,
|
|
170
|
+
onCloseCalendar: onCloseCalendar
|
|
171
|
+
}));
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
/***/ })
|
|
175
|
+
|
|
176
|
+
},
|
|
177
|
+
/******/ function(__webpack_require__) { // webpackRuntimeModules
|
|
178
|
+
/******/ /* webpack/runtime/getFullHash */
|
|
179
|
+
/******/ (() => {
|
|
180
|
+
/******/ __webpack_require__.h = () => ("8851eb5339f936b12103")
|
|
181
|
+
/******/ })();
|
|
182
|
+
/******/
|
|
183
|
+
/******/ }
|
|
184
|
+
);
|
|
185
|
+
//# sourceMappingURL=main.7ecf6367a33877ea7ba6.hot-update.js.map
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.7ecf6367a33877ea7ba6.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAAA;AACA;AAeA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAKA;AACA;AAAA;AAEA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AClIA;;AAEA;AAAA;AAcA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;;;;;;;;AChCA","sources":["webpack://@telsho/react-google-flight-datepicker/./src/dev/index.tsx","webpack://@telsho/react-google-flight-datepicker/./src/lib/components/DatePicker/RangeDatePicker.tsx","webpack://@telsho/react-google-flight-datepicker/webpack/runtime/getFullHash"],"sourcesContent":["import React from 'react';\r\nimport { createRoot } from 'react-dom/client';\r\nimport '../lib/components/DatePicker/styles.scss';\r\nimport dayjs from 'dayjs';\r\nimport { SingleDatePicker } from '../lib/components/DatePicker/SingleDatePicker';\r\nimport { RangeDatePicker } from '../lib/components/DatePicker/RangeDatePicker';\r\n\r\ninterface SubTextDict {\r\n [key: string]: string;\r\n}\r\n\r\nconst App: React.FC = () => {\r\n const subTextDict: SubTextDict = {\r\n [dayjs().format('YYYY-MM-DD')]: \"500$\",\r\n [dayjs().add(1, 'day').format('YYYY-MM-DD')]: \"543$\",\r\n [dayjs().add(2, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(3, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(4, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(5, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(6, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(7, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(8, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(9, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(10, 'day').format('YYYY-MM-DD')]: \"94$\",\r\n [dayjs().add(11, 'day').format('YYYY-MM-DD')]: \"940$\",\r\n };\r\n\r\n return (\r\n <div className=\"App\">\r\n <h1>react-google-flight-datepicker</h1>\r\n <h2>Install</h2>\r\n <pre>\r\n npm install react-google-flight-datepicker\r\n <br />\r\n <br />\r\n yarn add react-google-flight-datepicker\r\n </pre>\r\n <h2>RangeDatePicker</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n />\r\n <br />\r\n <h2>SingleDatePicker</h2>\r\n <SingleDatePicker startDate={new Date(2020, 0, 15)} />\r\n <h2>RangeDatePicker with startDate and endDate</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 1)}\r\n endDate={new Date(2020, 1, 1)}\r\n />\r\n <br />\r\n <h2>RangeDatePicker with minDate and maxDate</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 8)}\r\n minDate={new Date(2020, 0, 1)}\r\n maxDate={new Date(2020, 1, 5)}\r\n />\r\n <br />\r\n <h2>RangeDatePicker with custom date format</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n dateFormat=\"D\"\r\n />\r\n <h2>RangeDatePicker with custom month format</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n monthFormat=\"MMMM\"\r\n />\r\n <br />\r\n\r\n <h2>Disabled RangeDatePicker</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n disabled\r\n />\r\n <br />\r\n\r\n <h2>Custom placeholder</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n startDatePlaceholder=\"From\"\r\n endDatePlaceholder=\"To\"\r\n />\r\n <br />\r\n\r\n <h2>Highlight today</h2>\r\n <RangeDatePicker\r\n startDate={new Date(2020, 0, 15)}\r\n endDate={new Date(2020, 1, 1)}\r\n startDatePlaceholder=\"From\"\r\n endDatePlaceholder=\"To\"\r\n highlightToday\r\n />\r\n <br />\r\n\r\n <h2>Subtext</h2>\r\n <RangeDatePicker\r\n startDate={new Date()}\r\n endDate={new Date(Date.now() + 15 * 24 * 60 * 60 * 1000)}\r\n startDatePlaceholder=\"From\"\r\n endDatePlaceholder=\"To\"\r\n subTextDict={subTextDict}\r\n />\r\n <br />\r\n\r\n <h2>Left Expanding</h2>\r\n <RangeDatePicker\r\n startDate={new Date()}\r\n endDate={new Date(Date.now() + 15 * 24 * 60 * 60 * 1000)}\r\n startDatePlaceholder=\"From\"\r\n endDatePlaceholder=\"To\"\r\n expandDirection=\"left\"\r\n />\r\n <br />\r\n </div>\r\n );\r\n};\r\n\r\nconst container = document.getElementById('root');\r\nif (!container) {\r\n throw new Error('Root element not found');\r\n}\r\nconst root = createRoot(container);\r\nroot.render(<App />);\r\n\r\nexport default App;","import BaseDatePicker, { BaseDatePickerProps } from \"./BaseDatePicker\";\r\n\r\n// RangeDatePicker.tsx\r\nexport interface RangeDatePickerProps extends BaseDatePickerProps {\r\n startDate: Date | null;\r\n endDate: Date | null;\r\n startDatePlaceholder?: string;\r\n endDatePlaceholder?: string;\r\n onChange?: (startDate: Date | null, endDate: Date | null) => void;\r\n onCloseCalendar?: (startDate: Date | null, endDate: Date | null) => void;\r\n dateInputSeperator?: React.ReactNode;\r\n hideDialogHeader?: boolean;\r\n hideDialogFooter?: boolean;\r\n hideDialogAfterSelectEndDate?: boolean;\r\n}\r\n\r\nexport const RangeDatePicker: React.FC<RangeDatePickerProps> = ({\r\n onChange = () => {},\r\n onCloseCalendar = () => {},\r\n startDatePlaceholder = 'Start date',\r\n endDatePlaceholder = 'End date',\r\n ...props\r\n}) => (\r\n <BaseDatePicker\r\n {...props}\r\n isSingle={false}\r\n startDate={props.startDate}\r\n endDate={props.endDate}\r\n startDatePlaceholder={startDatePlaceholder}\r\n endDatePlaceholder={endDatePlaceholder}\r\n onChange={onChange}\r\n onCloseCalendar={onCloseCalendar}\r\n />\r\n);","__webpack_require__.h = () => (\"8851eb5339f936b12103\")"],"names":[],"sourceRoot":""}
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"c":["main"],"r":[],"m":[]}
|