w-design-system 0.0.47 → 0.0.49

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.
Files changed (18) hide show
  1. package/dist/components/DateRangePicker/index.d.ts +3 -1
  2. package/dist/components/DateRangePicker/index.d.ts.map +1 -1
  3. package/dist/components/DateRangePicker/index.js +16 -5
  4. package/dist/components/DateRangePicker/index.js.map +1 -1
  5. package/dist/components/DateRangePicker/stories.d.ts +1 -0
  6. package/dist/components/DateRangePicker/stories.d.ts.map +1 -1
  7. package/dist/components/DateRangePicker/stories.js +5 -0
  8. package/dist/components/DateRangePicker/stories.js.map +1 -1
  9. package/dist/components/DateRangePicker/styles.d.ts +2 -0
  10. package/dist/components/DateRangePicker/styles.d.ts.map +1 -1
  11. package/dist/components/DateRangePicker/styles.js +10 -1
  12. package/dist/components/DateRangePicker/styles.js.map +1 -1
  13. package/dist/components/InputTag/styles.js +3 -3
  14. package/package.json +1 -1
  15. package/src/components/DateRangePicker/index.tsx +23 -4
  16. package/src/components/DateRangePicker/stories.tsx +6 -0
  17. package/src/components/DateRangePicker/styles.ts +14 -2
  18. package/src/components/InputTag/styles.ts +3 -3
package/dist/components/DateRangePicker/index.d.ts CHANGED
@@ -13,7 +13,9 @@ export interface DateRangePickerProps<T extends GetElementType<SelectProps['opti
13
13
  startCustomDate: Date | null;
14
14
  endCustomDate: Date | null;
15
15
  onSelectedCustomRange: (start: Date | null, end: Date | null) => void;
16
+ rangeDayLimit?: number;
17
+ footerMessage?: string;
16
18
  }
17
- export declare const DateRangePicker: <T extends GetElementType<SelectProps["options"]>>({ label, options, selectedOption, onSelectedOptionChange, placeholder, onSelectedCustomRange, startCustomDate, endCustomDate, isRange, ...props }: DateRangePickerProps<T>) => React.JSX.Element;
19
+ export declare const DateRangePicker: <T extends GetElementType<SelectProps["options"]>>({ label, options, selectedOption, onSelectedOptionChange, placeholder, onSelectedCustomRange, startCustomDate, endCustomDate, isRange, rangeDayLimit, footerMessage, ...props }: DateRangePickerProps<T>) => React.JSX.Element;
18
20
  export {};
19
21
  //# sourceMappingURL=index.d.ts.map
package/dist/components/DateRangePicker/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwC,MAAM,OAAO,CAAA;AAGnF,OAAO,EAAU,WAAW,EAAa,MAAM,WAAW,CAAA;AAW1D,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAE1D,MAAM,WAAW,oBAAoB,CACnC,CAAC,SAAS,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CACzF,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,eAAe,EAAE,IAAI,GAAG,IAAI,CAAA;IAC5B,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,qBAAqB,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACtE;AAmCD,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,qJAW7E,oBAAoB,CAAC,CAAC,CAAC,sBAwKzB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwC,MAAM,OAAO,CAAA;AAGnF,OAAO,EAAU,WAAW,EAAa,MAAM,WAAW,CAAA;AAY1D,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAE1D,MAAM,WAAW,oBAAoB,CACnC,CAAC,SAAS,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CACzF,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,eAAe,EAAE,IAAI,GAAG,IAAI,CAAA;IAC5B,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,qBAAqB,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACrE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAoCD,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,mLAa7E,oBAAoB,CAAC,CAAC,CAAC,sBAqLzB,CAAA"}
package/dist/components/DateRangePicker/index.js CHANGED
@@ -14,7 +14,7 @@ import { calendarSVG, chevronLeftSVG, chevronRightSVG } from '../../assets/icon'
14
14
  import { IconWrapper } from '../IconWrapper';
15
15
  import { Select } from '../Select';
16
16
  import { theme } from '../Themes';
17
- import { CalendarDay, CalendarDaySelectedBackground, CalendarDayValue, CalendarGrid, CalendarHeader, CalendarWeekDayLabel, } from './styles';
17
+ import { CalendarDay, CalendarDaySelectedBackground, CalendarDayValue, CalendarGrid, CalendarHeader, CalendarWeekDayLabel, Footer, } from './styles';
18
18
  const monthNames = [
19
19
  'Janeiro',
20
20
  'Fevereiro',
@@ -32,7 +32,7 @@ const monthNames = [
32
32
  const weekDays = ['DOM', 'SEG', 'TER', 'QUA', 'QUI', 'SEX', 'SAB'];
33
33
  export const DateRangePicker = (_a) => {
34
34
  var _b, _c, _d;
35
- var { label, options, selectedOption, onSelectedOptionChange, placeholder, onSelectedCustomRange, startCustomDate, endCustomDate, isRange } = _a, props = __rest(_a, ["label", "options", "selectedOption", "onSelectedOptionChange", "placeholder", "onSelectedCustomRange", "startCustomDate", "endCustomDate", "isRange"]);
35
+ var { label, options, selectedOption, onSelectedOptionChange, placeholder, onSelectedCustomRange, startCustomDate, endCustomDate, isRange, rangeDayLimit, footerMessage } = _a, props = __rest(_a, ["label", "options", "selectedOption", "onSelectedOptionChange", "placeholder", "onSelectedCustomRange", "startCustomDate", "endCustomDate", "isRange", "rangeDayLimit", "footerMessage"]);
36
36
  const [currentYear, setCurrentYear] = useState(0);
37
37
  const [currentMonth, setCurrentMonth] = useState(0);
38
38
  const [currentMouseHoverDate, setCurrentMouseHoverDate] = useState(null);
@@ -57,6 +57,10 @@ export const DateRangePicker = (_a) => {
57
57
  (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.setOpen(false);
58
58
  }
59
59
  };
60
+ const differenceInDays = (date1, date2) => {
61
+ const diffTime = Math.abs(date2.getTime() - date1.getTime());
62
+ return Math.ceil(diffTime / (1000 * 60 * 60 * 24));
63
+ };
60
64
  const onDayClick = (date) => {
61
65
  var _a, _b, _c;
62
66
  if (onSelectedOptionChange)
@@ -105,6 +109,11 @@ export const DateRangePicker = (_a) => {
105
109
  }
106
110
  while (day.getMonth() === currentMonth) {
107
111
  const isSelected = (_b = (firstDate && secondDate && day >= firstDate && day <= secondDate)) !== null && _b !== void 0 ? _b : false;
112
+ let isBlocked = false;
113
+ if (rangeDayLimit !== undefined && startCustomDate && endCustomDate === null) {
114
+ const diff = differenceInDays(startCustomDate, day);
115
+ isBlocked = diff > rangeDayLimit;
116
+ }
108
117
  days.push({
109
118
  type: 'day',
110
119
  value: day.getDate(),
@@ -113,6 +122,7 @@ export const DateRangePicker = (_a) => {
113
122
  date: new Date(day),
114
123
  isFirstSelected: (_c = (firstDate && firstDate.toDateString() === day.toDateString())) !== null && _c !== void 0 ? _c : false,
115
124
  isLastSelected: (_d = (secondDate && secondDate.toDateString() === day.toDateString())) !== null && _d !== void 0 ? _d : false,
125
+ isBlocked,
116
126
  });
117
127
  day.setDate(day.getDate() + 1);
118
128
  }
@@ -142,7 +152,7 @@ export const DateRangePicker = (_a) => {
142
152
  }
143
153
  return { customOption: null, optionComputed: [] };
144
154
  }, [options]);
145
- return (React.createElement(Select, Object.assign({ disableSearch: true, dropDownWidth: "284px", dropDownMaxHeight: 'auto', ref: selectRef, placeholder: placeholder, label: label, value: value, leftIcon: React.createElement(IconWrapper, { className: "icon", src: calendarSVG, width: "20px", height: "20px", color: theme.colors.shade30 }), options: optionComputed, selectedOption: selectedOption !== null && selectedOption !== void 0 ? selectedOption : (firstDate ? customOption : null), onOptionChange: onSelectedOptionChangeHandler }, props),
155
+ return (React.createElement(Select, Object.assign({ disableSearch: true, dropDownWidth: "284px", dropDownMaxHeight: "auto", ref: selectRef, placeholder: placeholder, label: label, value: value, leftIcon: React.createElement(IconWrapper, { className: "icon", src: calendarSVG, width: "20px", height: "20px", color: theme.colors.shade30 }), options: optionComputed, selectedOption: selectedOption !== null && selectedOption !== void 0 ? selectedOption : (firstDate ? customOption : null), onOptionChange: onSelectedOptionChangeHandler }, props),
146
156
  React.createElement(CalendarHeader, null,
147
157
  React.createElement(IconWrapper, { className: "icon", src: chevronLeftSVG, width: "14px", onClick: () => changeMonth(-1) }),
148
158
  monthNames[currentMonth],
@@ -155,9 +165,10 @@ export const DateRangePicker = (_a) => {
155
165
  if (day.type === 'empty') {
156
166
  return React.createElement("div", { key: day.key });
157
167
  }
158
- return (React.createElement(CalendarDay, { isFirstSelected: day.isFirstSelected, isLastSelected: day.isLastSelected, key: day.value, today: day.today, onClick: () => onDayClick(day.date), onMouseEnter: () => onMouseEnter(day.date), onMouseLeave: () => onMouseLeave(day.date) },
168
+ return (React.createElement(CalendarDay, { isFirstSelected: day.isFirstSelected, isLastSelected: day.isLastSelected, isBlocked: day.isBlocked, key: day.value, today: day.today, onClick: () => !day.isBlocked && onDayClick(day.date), onMouseEnter: () => !day.isBlocked && onMouseEnter(day.date), onMouseLeave: () => !day.isBlocked && onMouseLeave(day.date) },
159
169
  React.createElement(CalendarDaySelectedBackground, { isFirstSelected: day.isFirstSelected, isLastSelected: day.isLastSelected, selected: day.selected, today: day.today }),
160
170
  React.createElement(CalendarDayValue, null, day.value)));
161
- }))));
171
+ })),
172
+ footerMessage && React.createElement(Footer, null, footerMessage)));
162
173
  };
163
174
  //# sourceMappingURL=index.js.map
package/dist/components/DateRangePicker/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
package/dist/components/DateRangePicker/stories.d.ts CHANGED
@@ -5,4 +5,5 @@ export default meta;
5
5
  type Story = StoryObj<typeof DateRangePicker>;
6
6
  export declare const SelecionarIntervaloDeDatas: Story;
7
7
  export declare const SelecionarIntervaloDeDatasSimples: Story;
8
+ export declare const SelecionarIntervaloDeDatasLimitado: Story;
8
9
  //# sourceMappingURL=stories.d.ts.map
package/dist/components/DateRangePicker/stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAeC,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAsC7C,eAAO,MAAM,0BAA0B,EAAE,KAExC,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,KAE/C,CAAA"}
1
+ {"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAiBC,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAsC7C,eAAO,MAAM,0BAA0B,EAAE,KAExC,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,KAE/C,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,KAEhD,CAAA"}
package/dist/components/DateRangePicker/stories.js CHANGED
@@ -25,6 +25,8 @@ const meta = {
25
25
  endCustomDate: { control: 'date' },
26
26
  onSelectedOptionChange: { action: 'selectedOptionChange' },
27
27
  onSelectedCustomRange: { action: 'selectedCustomRange' },
28
+ rangeDayLimit: { control: 'number' },
29
+ footerMessage: { control: 'text' },
28
30
  },
29
31
  };
30
32
  export default meta;
@@ -57,4 +59,7 @@ export const SelecionarIntervaloDeDatas = {
57
59
  export const SelecionarIntervaloDeDatasSimples = {
58
60
  render: args => React.createElement(ComponentWrapper, { options: [] }),
59
61
  };
62
+ export const SelecionarIntervaloDeDatasLimitado = {
63
+ render: args => React.createElement(ComponentWrapper, Object.assign({ label: "Per\u00EDodo da Disputa", placeholder: "Placeholder", rangeDayLimit: 15 }, args, { footerMessage: 'O intervalo de pesquisa limita-se ao m\u00E1ximo de 15 dias.' })),
64
+ };
60
65
  //# sourceMappingURL=stories.js.map
package/dist/components/DateRangePicker/stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAE/D,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACpC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAClC,sBAAsB,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAC1D,qBAAqB,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;KACzD;CACqC,CAAA;AAExC,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,OAAO,OAA0C,EAArC,IAAI,cAAlB,WAAoB,CAAF;IAC1C,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyC,IAAI,CAAC,CAAA;IACtG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,eAAe,oBACV,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,OAAO,EACtB,qBAAqB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACpC,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,UAAU,CAAC,GAAG,CAAC,CAAA;QACjB,CAAC,EACD,sBAAsB,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACzD,OAAO,EACL,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI;YACT;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;SACF,IAEH,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAU;IAC/C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,yBAAoB,EAAC,WAAW,EAAC,aAAa,GAAG;CAC1F,CAAA;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAU;IACtD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,OAAO,EAAE,EAAE,GAAI;CAClD,CAAA"}
1
+ {"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAE/D,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACpC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAClC,sBAAsB,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAC1D,qBAAqB,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACxD,aAAa,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACpC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACnC;CACqC,CAAA;AAExC,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,OAAO,OAA0C,EAArC,IAAI,cAAlB,WAAoB,CAAF;IAC1C,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyC,IAAI,CAAC,CAAA;IACtG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,eAAe,oBACV,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,OAAO,EACtB,qBAAqB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACpC,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,UAAU,CAAC,GAAG,CAAC,CAAA;QACjB,CAAC,EACD,sBAAsB,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACzD,OAAO,EACL,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI;YACT;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;SACF,IAEH,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAU;IAC/C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,yBAAoB,EAAC,WAAW,EAAC,aAAa,GAAG;CAC1F,CAAA;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAU;IACtD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,OAAO,EAAE,EAAE,GAAI;CAClD,CAAA;AAED,MAAM,CAAC,MAAM,kCAAkC,GAAU;IACvD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,kBAAC,KAAK,EAAC,yBAAoB,EAAC,WAAW,EAAC,aAAa,EAAC,aAAa,EAAE,EAAE,IAAM,IAAI,IAAE,aAAa,EAAC,8DAAyD,IAAG;CAC/L,CAAA"}
package/dist/components/DateRangePicker/styles.d.ts CHANGED
@@ -5,6 +5,7 @@ export interface CalendarDayProps {
5
5
  today: boolean;
6
6
  isFirstSelected: boolean;
7
7
  isLastSelected: boolean;
8
+ isBlocked: boolean;
8
9
  }
9
10
  export declare const CalendarDay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CalendarDayProps>> & string;
10
11
  export interface CalendarDaySelectedBackgroundProps {
@@ -15,4 +16,5 @@ export interface CalendarDaySelectedBackgroundProps {
15
16
  }
16
17
  export declare const CalendarDaySelectedBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CalendarDaySelectedBackgroundProps>> & string;
17
18
  export declare const CalendarDayValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
19
+ export declare const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
18
20
  //# sourceMappingURL=styles.d.ts.map
package/dist/components/DateRangePicker/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,6NAYxB,CAAA;AAED,eAAO,MAAM,oBAAoB,6NAKhC,CAAA;AAED,eAAO,MAAM,cAAc,6NAyB1B,CAAA;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,WAAW,qPAkBvB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB;AACD,eAAO,MAAM,6BAA6B,uQAiCzC,CAAA;AACD,eAAO,MAAM,gBAAgB,6NAO5B,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,6NAYxB,CAAA;AAED,eAAO,MAAM,oBAAoB,6NAKhC,CAAA;AAED,eAAO,MAAM,cAAc,6NAyB1B,CAAA;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,qPAkBvB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB;AACD,eAAO,MAAM,6BAA6B,uQAiCzC,CAAA;AACD,eAAO,MAAM,gBAAgB,6NAO5B,CAAA;AAGD,eAAO,MAAM,MAAM,6NAQlB,CAAA"}
package/dist/components/DateRangePicker/styles.js CHANGED
@@ -50,7 +50,7 @@ export const CalendarDay = styled.div `
50
50
  cursor: pointer;
51
51
  width: 36px;
52
52
  height: 36px;
53
- color: ${({ isFirstSelected, isLastSelected }) => isFirstSelected || isLastSelected ? theme.colors.white : theme.colors.shade50};
53
+ color: ${({ isFirstSelected, isLastSelected, isBlocked }) => isFirstSelected || isLastSelected ? theme.colors.white : isBlocked ? theme.colors.shade30 : theme.colors.shade50};
54
54
 
55
55
  &:before {
56
56
  position: absolute;
@@ -110,4 +110,13 @@ export const CalendarDayValue = styled.div `
110
110
  justify-content: center;
111
111
  pointer-events: none;
112
112
  `;
113
+ export const Footer = styled.div `
114
+ display: flex;
115
+ justify-content: space-between;
116
+ align-items: center;
117
+ margin-top: 16px;
118
+ font-size: ${theme.paragraph.small};
119
+ color: ${theme.colors.shade50};
120
+ font-family: 'Nunito Sans', sans-serif;
121
+ `;
113
122
  //# sourceMappingURL=styles.js.map
package/dist/components/DateRangePicker/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;eAUvB,KAAK,CAAC,SAAS,CAAC,KAAK;WACzB,KAAK,CAAC,MAAM,CAAC,OAAO;CAC9B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;eAC/B,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;WAC/B,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAG9B,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;eAIzB,KAAK,CAAC,SAAS,CAAC,KAAK;;;;;;;YAOxB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;YAMpB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;YAMnB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE/B,CAAA;AAOD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;WAK5C,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;MAS3E,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,KAAK,IAAI,CAAC,CAAC,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,qBAAqB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;;CAEpG,CAAA;AAQD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAoC;;sBAErE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;mBAK7D,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACvD,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,OAAO,GAAG,CAAA;AACZ,CAAC;;;qBAGkB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,IAAI,QAAQ;QAAE,OAAO,GAAG,CAAA;IACxB,OAAO,KAAK,CAAA;AACd,CAAC;wBACmB,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;;wBAM5B,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC1D,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;;;;CAI5E,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;eAUvB,KAAK,CAAC,SAAS,CAAC,KAAK;WACzB,KAAK,CAAC,MAAM,CAAC,OAAO;CAC9B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;eAC/B,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;WAC/B,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAG9B,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;eAIzB,KAAK,CAAC,SAAS,CAAC,KAAK;;;;;;;YAOxB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;YAMpB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;YAMnB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE/B,CAAA;AAQD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;WAK5C,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,CAC1D,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;MAS9G,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,KAAK,IAAI,CAAC,CAAC,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,qBAAqB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;;CAEpG,CAAA;AAQD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAoC;;sBAErE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;mBAK7D,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACvD,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,OAAO,GAAG,CAAA;AACZ,CAAC;;;qBAGkB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,IAAI,QAAQ;QAAE,OAAO,GAAG,CAAA;IACxB,OAAO,KAAK,CAAA;AACd,CAAC;wBACmB,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;;wBAM5B,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC1D,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;;;;CAI5E,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA;AAGD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;eAKjB,KAAK,CAAC,SAAS,CAAC,KAAK;WACzB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE9B,CAAA"}
package/dist/components/InputTag/styles.js CHANGED
@@ -17,7 +17,7 @@ export const InputWrapper = styled.div `
17
17
  cursor: pointer;
18
18
  }
19
19
  .container-input-tag {
20
- display: flex;
20
+ display: ruby;
21
21
  gap: 16px;
22
22
  margin-top: 8px;
23
23
 
@@ -38,8 +38,8 @@ export const InputWrapper = styled.div `
38
38
  background: ${theme.colors.cyan10};
39
39
  display: flex;
40
40
 
41
- gap: 8px;
42
- flex-wrap: wrap;
41
+ margin: 8px;
42
+ flex-wrap: nowrap;
43
43
  border-radius: 4px;
44
44
  padding: 4px 8px;
45
45
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "w-design-system",
3
- "version": "0.0.47",
3
+ "version": "0.0.49",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "dependencies": {
package/src/components/DateRangePicker/index.tsx CHANGED
@@ -10,6 +10,7 @@ import {
10
10
  CalendarGrid,
11
11
  CalendarHeader,
12
12
  CalendarWeekDayLabel,
13
+ Footer,
13
14
  } from './styles'
14
15
 
15
16
  type GetElementType<T> = T extends (infer U)[] ? U : never
@@ -28,6 +29,8 @@ export interface DateRangePickerProps<
28
29
  startCustomDate: Date | null
29
30
  endCustomDate: Date | null
30
31
  onSelectedCustomRange: (start: Date | null, end: Date | null) => void
32
+ rangeDayLimit?: number
33
+ footerMessage?: string
31
34
  }
32
35
 
33
36
  interface EmptyDay {
@@ -43,6 +46,7 @@ interface Day {
43
46
  date: Date
44
47
  isFirstSelected: boolean
45
48
  isLastSelected: boolean
49
+ isBlocked: boolean
46
50
  }
47
51
 
48
52
  const monthNames = [
@@ -73,6 +77,8 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
73
77
  startCustomDate,
74
78
  endCustomDate,
75
79
  isRange,
80
+ rangeDayLimit,
81
+ footerMessage,
76
82
  ...props
77
83
  }: DateRangePickerProps<T>) => {
78
84
  const [currentYear, setCurrentYear] = useState(0)
@@ -102,6 +108,11 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
102
108
  }
103
109
  }
104
110
 
111
+ const differenceInDays = (date1: Date, date2: Date) => {
112
+ const diffTime = Math.abs(date2.getTime() - date1.getTime())
113
+ return Math.ceil(diffTime / (1000 * 60 * 60 * 24))
114
+ }
115
+
105
116
  const onDayClick = (date: Date) => {
106
117
  if (onSelectedOptionChange) onSelectedOptionChange(null)
107
118
  if (!startCustomDate) {
@@ -149,6 +160,11 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
149
160
 
150
161
  while (day.getMonth() === currentMonth) {
151
162
  const isSelected = (firstDate && secondDate && day >= firstDate && day <= secondDate) ?? false
163
+ let isBlocked = false
164
+ if (rangeDayLimit !== undefined && startCustomDate && endCustomDate === null) {
165
+ const diff = differenceInDays(startCustomDate, day)
166
+ isBlocked = diff > rangeDayLimit
167
+ }
152
168
  days.push({
153
169
  type: 'day',
154
170
  value: day.getDate(),
@@ -157,6 +173,7 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
157
173
  date: new Date(day),
158
174
  isFirstSelected: (firstDate && firstDate.toDateString() === day.toDateString()) ?? false,
159
175
  isLastSelected: (secondDate && secondDate.toDateString() === day.toDateString()) ?? false,
176
+ isBlocked,
160
177
  })
161
178
  day.setDate(day.getDate() + 1)
162
179
  }
@@ -192,7 +209,7 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
192
209
  <Select<T>
193
210
  disableSearch
194
211
  dropDownWidth="284px"
195
- dropDownMaxHeight='auto'
212
+ dropDownMaxHeight="auto"
196
213
  ref={selectRef}
197
214
  placeholder={placeholder}
198
215
  label={label}
@@ -223,11 +240,12 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
223
240
  <CalendarDay
224
241
  isFirstSelected={day.isFirstSelected}
225
242
  isLastSelected={day.isLastSelected}
243
+ isBlocked={day.isBlocked}
226
244
  key={day.value}
227
245
  today={day.today}
228
- onClick={() => onDayClick(day.date)}
229
- onMouseEnter={() => onMouseEnter(day.date)}
230
- onMouseLeave={() => onMouseLeave(day.date)}
246
+ onClick={() => !day.isBlocked && onDayClick(day.date)}
247
+ onMouseEnter={() => !day.isBlocked && onMouseEnter(day.date)}
248
+ onMouseLeave={() => !day.isBlocked && onMouseLeave(day.date)}
231
249
  >
232
250
  <CalendarDaySelectedBackground
233
251
  isFirstSelected={day.isFirstSelected}
@@ -240,6 +258,7 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
240
258
  )
241
259
  })}
242
260
  </CalendarGrid>
261
+ {footerMessage && <Footer>{footerMessage}</Footer>}
243
262
  </Select>
244
263
  )
245
264
  }
package/src/components/DateRangePicker/stories.tsx CHANGED
@@ -16,6 +16,8 @@ const meta: Meta<typeof DateRangePicker> = {
16
16
  endCustomDate: { control: 'date' },
17
17
  onSelectedOptionChange: { action: 'selectedOptionChange' },
18
18
  onSelectedCustomRange: { action: 'selectedCustomRange' },
19
+ rangeDayLimit: { control: 'number' },
20
+ footerMessage: { control: 'text' },
19
21
  },
20
22
  } satisfies Meta<typeof DateRangePicker>
21
23
 
@@ -65,3 +67,7 @@ export const SelecionarIntervaloDeDatas: Story = {
65
67
  export const SelecionarIntervaloDeDatasSimples: Story = {
66
68
  render: args => <ComponentWrapper options={[]} />,
67
69
  }
70
+
71
+ export const SelecionarIntervaloDeDatasLimitado: Story = {
72
+ render: args => <ComponentWrapper label="Período da Disputa" placeholder="Placeholder" rangeDayLimit={15} {...args} footerMessage='O intervalo de pesquisa limita-se ao máximo de 15 dias.' />,
73
+ }
package/src/components/DateRangePicker/styles.ts CHANGED
@@ -52,6 +52,7 @@ export interface CalendarDayProps {
52
52
  today: boolean
53
53
  isFirstSelected: boolean
54
54
  isLastSelected: boolean
55
+ isBlocked: boolean
55
56
  }
56
57
 
57
58
  export const CalendarDay = styled.div<CalendarDayProps>`
@@ -59,8 +60,8 @@ export const CalendarDay = styled.div<CalendarDayProps>`
59
60
  cursor: pointer;
60
61
  width: 36px;
61
62
  height: 36px;
62
- color: ${({ isFirstSelected, isLastSelected }) =>
63
- isFirstSelected || isLastSelected ? theme.colors.white : theme.colors.shade50};
63
+ color: ${({ isFirstSelected, isLastSelected, isBlocked }) =>
64
+ isFirstSelected || isLastSelected ? theme.colors.white : isBlocked ? theme.colors.shade30 : theme.colors.shade50};
64
65
 
65
66
  &:before {
66
67
  position: absolute;
@@ -122,3 +123,14 @@ export const CalendarDayValue = styled.div`
122
123
  justify-content: center;
123
124
  pointer-events: none;
124
125
  `
126
+
127
+
128
+ export const Footer = styled.div`
129
+ display: flex;
130
+ justify-content: space-between;
131
+ align-items: center;
132
+ margin-top: 16px;
133
+ font-size: ${theme.paragraph.small};
134
+ color: ${theme.colors.shade50};
135
+ font-family: 'Nunito Sans', sans-serif;
136
+ `
package/src/components/InputTag/styles.ts CHANGED
@@ -19,7 +19,7 @@ export const InputWrapper = styled.div`
19
19
  cursor: pointer;
20
20
  }
21
21
  .container-input-tag {
22
- display: flex;
22
+ display: ruby;
23
23
  gap: 16px;
24
24
  margin-top: 8px;
25
25
 
@@ -40,8 +40,8 @@ export const InputWrapper = styled.div`
40
40
  background: ${theme.colors.cyan10};
41
41
  display: flex;
42
42
 
43
- gap: 8px;
44
- flex-wrap: wrap;
43
+ margin: 8px;
44
+ flex-wrap: nowrap;
45
45
  border-radius: 4px;
46
46
  padding: 4px 8px;
47
47
  }