forstok-ui-lib 5.2.38 → 5.2.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "5.2.38",
+  "version": "5.2.41",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/images/icons/calendar.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="100%" height="100%" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1178 5110 c-41 -12 -86 -48 -106 -83 -12 -24 -18 -65 -22 -157 l-5
+-125 -190 -6 c-218 -6 -276 -18 -400 -82 -57 -30 -101 -63 -155 -117 -84 -85
+-129 -154 -168 -262 l-27 -73 0 -1835 0 -1835 27 -73 c39 -108 84 -178 168
+-262 84 -83 168 -134 290 -172 l75 -23 1895 0 1895 0 75 23 c222 70 385 225
+457 436 l28 81 0 1830 0 1830 -27 73 c-39 108 -84 177 -168 262 -54 54 -98 87
+-155 117 -124 64 -182 76 -400 82 l-190 6 -5 125 c-6 142 -18 175 -78 214 -98
+65 -225 28 -273 -79 -14 -31 -19 -65 -19 -152 l0 -113 -1140 0 -1140 0 0 113
+c0 87 -5 121 -19 152 -39 86 -135 132 -223 105z m-128 -871 c0 -107 3 -126 22
+-161 42 -73 128 -107 213 -83 101 29 135 93 135 255 l0 110 1140 0 1140 0 0
+-110 c0 -77 5 -122 16 -148 59 -142 257 -156 332 -24 19 35 22 54 22 161 l0
+121 173 0 174 0 61 -31 c66 -33 119 -88 149 -155 16 -34 18 -78 21 -351 l3
+-313 -2091 0 -2091 0 3 313 c3 273 5 317 21 351 30 67 83 122 149 155 l61 31
+174 0 173 0 0 -121z m3598 -2371 l-3 -1263 -22 -45 c-34 -68 -75 -112 -134
+-145 l-54 -30 -1875 0 -1875 0 -54 30 c-59 33 -100 77 -134 145 l-22 45 -3
+1263 -2 1262 2090 0 2090 0 -2 -1262z"/>
+</g>
+</svg>

package/src/components/button/styles.ts

@@ -2,6 +2,7 @@ import styled, { css } from 'styled-components';
 import IconDotted from '../../assets/images/icons/dotted.svg';
 import IconClose from '../../assets/images/icons/close.svg';
 import IconCloseWhite from '../../assets/images/icons/close-white.svg';
+import IconCalendar from '../../assets/images/icons/calendar.svg';
 
 const IconStyles = css`
   display: inline-block;
@@ -176,6 +177,19 @@ const getButtonModifiedStyled = ({ $mode, $isIndicatorArrow, $isShown, $isLoadin
   }
   if ($iconLeft) {
     style += ` padding-left: 35px; `
+    if ($iconLeft === 'calendar') {
+      style += `
+        &:before { 
+          content: url(${IconCalendar}); 
+          position: absolute;
+          left: 12px;
+          top: 50%;
+          margin-top: -8px;
+          width: 14px;
+          height: 16px;
+        }
+      `
+    }
   }
   if ($isIndicatorArrow) {
     style += ` 

package/src/components/date/daterange.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState, useRef } from 'react';
 import DateRangePicker from 'react-daterange-picker';
-import * as moment from 'moment';
+import moment from 'moment';
 import { extendMoment } from 'moment-range';
 import { configDateRange } from '../../maps/common';
 import IconComponent from '../icon';
@@ -46,7 +46,7 @@ const DateRangeComponent = ({ mode='default', placeholder, startDate, endDate, r
 
   const daterangeContainerRef = useRef<HTMLElement | null>(null);
   const buttonRef = useRef<HTMLDivElement | null>(null);
-  const newMoment = extendMoment(moment);
+  const newMoment = extendMoment(moment as any);
 
   const callback = () => {
     setOpen(false);