Merge pull request #47 from OS2ConTicki/hotfix/ie-11

JOBCAMP-116: Made stuff work in IE11

Author: rimi-itk

package.json

@@ -17,13 +17,15 @@
  "core-js": "^3.0.0",
  "date-fns": "^2.15.0",
  "date-fns-tz": "^1.0.10",
+ "date-time-format-timezone": "^1.0.22",
  "debounce": "^1.2.0",
  "jquery": "^3.4.1",
  "node-sass": "^4.13.1",
  "popper.js": "^1.16.1",
  "prop-types": "^15.7.2",
  "raw-html-react": "^1.2.3",
  "react": "^16.13.1",
+ "react-app-polyfill": "^1.0.6",
  "react-bootstrap": "^1.3.0",
  "react-dom": "^16.13.1",
  "react-router-dom": "^5.2.0",

public/dist/entry.js

@@ -3,6 +3,10 @@ import { utcToZonedTime, format } from 'date-fns-tz'
 import { da, enGB } from 'date-fns/locale'
 import AppStateContext from '../../context/appStateContext'
 
+// We need this for time zone support in IE 11.
+// https://www.npmjs.com/package/date-time-format-timezone
+require('date-time-format-timezone')
+
 const locales = { da, en: enGB }
 
 const getCurrentTimeZone = () => {
@@ -41,31 +45,18 @@ export const formatTime = (date, formatStr = 'p') => {
 }
 
 export function getDateByLanguage (inputDate, language) {
- const date = new Date(inputDate)
- const lang = language === 'en' ? 'en-EN' : 'da-DA'
- const dateOptions = {
- year: 'numeric',
- month: 'long',
- day: 'numeric'
- }
- return date.toLocaleDateString(lang, dateOptions)
+ return formatDate(inputDate, 'PPP')
 }
 
 export function getDate (inputDate) {
  const date = new Date(inputDate)
  return date.toDateString()
 }
 export function getDayByLanguage (inputDate, language) {
- const lang = language === 'en' ? 'en-EN' : 'da-DA'
- const dayOptions = {
- weekday: 'long'
- }
+ const day = formatDate(inputDate, 'EEEE')
+ const capitalize = ([first, ...rest], lowerRest = false) => first.toUpperCase() + (lowerRest ? rest.join('').toLowerCase() : rest.join(''))
 
- const date = new Date(inputDate)
- let helperStartDate = date.toLocaleDateString(lang, dayOptions)
- helperStartDate =
- helperStartDate.charAt(0).toUpperCase() + helperStartDate.slice(1)
- return helperStartDate
+ return capitalize(day)
 }
 
 export function getTime (inputDate, language) {

src/components/utils/dateHandler.jsx

@@ -1,4 +1,10 @@
+// https://www.npmjs.com/package/react-app-polyfill
+import 'react-app-polyfill/ie11'
+import 'react-app-polyfill/stable'
+
 import './entry.scss'
 import ConferenceApp from './ConferenceApp'
+
 require('typeface-roboto')
+
 window.ConferenceApp = ConferenceApp

src/entry.js

@@ -1495,6 +1495,11 @@ arrify@^2.0.1:
  resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
  integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
 
+asap@~2.0.6:
+ version "2.0.6"
+ resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
+ integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
+
 asn1.js@^4.0.0:
  version "4.10.1"
  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
@@ -2424,7 +2429,7 @@ core-js-compat@^3.6.2:
  browserslist "^4.8.5"
  semver "7.0.0"
 
-core-js@^3.0.0:
+core-js@^3.0.0, core-js@^3.5.0:
  version "3.6.5"
  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
  integrity sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA==
@@ -2735,6 +2740,11 @@ date-fns@^2.15.0:
  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.15.0.tgz#424de6b3778e4e69d3ff27046ec136af58ae5d5f"
  integrity sha512-ZCPzAMJZn3rNUvvQIMlXhDr4A+Ar07eLeGsGREoWU19a3Pqf5oYa+ccd+B3F6XVtQY6HANMFdOQ8A+ipFnvJdQ==
 
+date-time-format-timezone@^1.0.22:
+ version "1.0.22"
+ resolved "https://registry.yarnpkg.com/date-time-format-timezone/-/date-time-format-timezone-1.0.22.tgz#6bb4713aac3bf36338738b59c374583cfcbe6246"
+ integrity sha512-4hEeKPpNlbFO05ldht9FwJEy2g1xL7kU3dTPY5hNSd1AyMjrrIeUS54kSWgt/KdttYshhjDMIonU+vCmL4NjVw==
+
 debounce@^1.2.0:
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
@@ -6736,6 +6746,13 @@ promise-inflight@^1.0.1:
  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
 
+promise@^8.0.3:
+ version "8.1.0"
+ resolved "https://registry.yarnpkg.com/promise/-/promise-8.1.0.tgz#697c25c3dfe7435dd79fcd58c38a135888eaf05e"
+ integrity sha512-W04AqnILOL/sPRXziNicCjSNRruLAuIHEOVBazepu0545DDNGYHz7ar9ZgZ1fMU8/MA4mVxp5rkBWRi6OXIy3Q==
+ dependencies:
+ asap "~2.0.6"
+
 prop-types-extra@^1.1.0:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/prop-types-extra/-/prop-types-extra-1.1.1.tgz#58c3b74cbfbb95d304625975aa2f0848329a010b"
@@ -6863,6 +6880,13 @@ quick-lru@^4.0.1:
  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
  integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
+raf@^3.4.1:
+ version "3.4.1"
+ resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
+ integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
+ dependencies:
+ performance-now "^2.1.0"
+
 randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -6900,6 +6924,18 @@ raw-html-react@^1.2.3:
  dependencies:
  cheerio "^1.0.0-rc.2"
 
+react-app-polyfill@^1.0.6:
+ version "1.0.6"
+ resolved "https://registry.yarnpkg.com/react-app-polyfill/-/react-app-polyfill-1.0.6.tgz#890f8d7f2842ce6073f030b117de9130a5f385f0"
+ integrity sha512-OfBnObtnGgLGfweORmdZbyEz+3dgVePQBb3zipiaDsMHV1NpWm0rDFYIVXFV/AK+x4VIIfWHhrdMIeoTLyRr2g==
+ dependencies:
+ core-js "^3.5.0"
+ object-assign "^4.1.1"
+ promise "^8.0.3"
+ raf "^3.4.1"
+ regenerator-runtime "^0.13.3"
+ whatwg-fetch "^3.0.0"
+
 react-bootstrap@^1.3.0:
  version "1.3.0"
  resolved "https://registry.yarnpkg.com/react-bootstrap/-/react-bootstrap-1.3.0.tgz#d9dde4ad554e9cd21d1465e8b5e5ef6679cae6a1"
@@ -7139,7 +7175,7 @@ regenerate@^1.4.0:
  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.1.tgz#cad92ad8e6b591773485fbe05a485caf4f457e6f"
  integrity sha512-j2+C8+NtXQgEKWk49MMP5P/u2GhnahTtVkRIHr5R5lVRlbKvmQ+oS+A5aLKWp2ma5VkT8sh6v+v4hbH0YHR66A==
 
-regenerator-runtime@^0.13.2, regenerator-runtime@^0.13.4:
+regenerator-runtime@^0.13.2, regenerator-runtime@^0.13.3, regenerator-runtime@^0.13.4:
  version "0.13.7"
  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz#cac2dacc8a1ea675feaabaeb8ae833898ae46f55"
  integrity sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==
@@ -9126,6 +9162,11 @@ websocket-extensions@>=0.1.1:
  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
+whatwg-fetch@^3.0.0:
+ version "3.4.1"
+ resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.4.1.tgz#e5f871572d6879663fa5674c8f833f15a8425ab3"
+ integrity sha512-sofZVzE1wKwO+EYPbWfiwzaKovWiZXf4coEzjGP9b2GBVgQRLQUZ2QcuPpQExGDAW5GItpEm6Tl4OU5mywnAoQ==
+
 which-module@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"