l-min-components 1.0.346 → 1.0.351

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "l-min-components",
3
- "version": "1.0.346",
3
+ "version": "1.0.351",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "src/assets",
@@ -4,7 +4,7 @@ import LayoutBackgroundImage from "../../assets/images/layout_background.png";
4
4
 
5
5
  /* styles for main layout component */
6
6
  export const Layout = styled.div`
7
- background-color: ${({ coming }) => (coming ? "#FEBF10" : "#e5e5e5")};
7
+ background-color: ${({ coming }) => (coming ? "#FEBF10" : "#f5f7f7")};
8
8
  background-image: ${({ coming, hasLayoutBackgroundImage }) =>
9
9
  coming
10
10
  ? `url(${Pattern})`
@@ -21,7 +21,7 @@ export const Layout = styled.div`
21
21
  `;
22
22
 
23
23
  export const MainLayout = styled.div`
24
- background-color: ${({ coming }) => (coming ? "none" : "#e5e5e5")};
24
+ background-color: ${({ coming }) => (coming ? "none" : "#f5f7f7")};
25
25
  display: flex;
26
26
  justify-content: space-between;
27
27
  width: 100%;
@@ -43,7 +43,6 @@ export const CenterLayout = styled.div`
43
43
  margin-right: 0;
44
44
  }
45
45
  overflow-y: scroll;
46
- transition: all 0.3s;
47
46
  scrollbar-width: thin;
48
47
  /* "auto" or "thin" depending on browser support */
49
48
  scrollbar-color: transparent transparent;
@@ -4,10 +4,12 @@ import { CalendarIcon } from "./svg/calendar";
4
4
  import { DownloadIcon } from "./svg/download";
5
5
  import CustomDatePickerHeader from "./dateNavigation";
6
6
  import { DatePickerWrapper, DateCont } from "./style";
7
+ import moment from "moment";
7
8
 
8
9
  const DatePickerCalender = ({
9
10
  borderColor,
10
11
  opacity,
12
+ dateFormat,
11
13
  ...props
12
14
  }) => {
13
15
  const [dateRange, setDateRange] = useState({
@@ -21,7 +23,7 @@ const DatePickerCalender = ({
21
23
  <DatePicker
22
24
  selected={dateRange.endDate}
23
25
  endDate={dateRange.endDate}
24
- dateFormat="d MMM yyyy"
26
+ dateFormat={dateFormat ? dateFormat : "d MMM yyyy"}
25
27
  renderCustomHeader={({ date, decreaseMonth, increaseMonth }) => (
26
28
  <CustomDatePickerHeader selected={date} onMonthChange={(value) => {
27
29
  if (value === -1) {