Updated to latest react-datepicker major version

This commit is contained in:
Alejandro Celaya
2022-03-11 17:16:24 +01:00
parent c4148f0494
commit 81d405d7be
4 changed files with 34 additions and 140 deletions

View File

@@ -88,8 +88,9 @@
z-index: 2;
&[data-placement^='top'] .react-datepicker__triangle.react-datepicker__triangle {
border-top-color: var(--primary-color);
border-bottom-color: var(--border-color);
&::after {
border-top-color: var(--primary-color);
}
&::before {
border-top-color: var(--border-color);
@@ -97,8 +98,9 @@
}
&[data-placement^='bottom'] .react-datepicker__triangle.react-datepicker__triangle {
border-top-color: var(--border-color);
border-bottom-color: var(--secondary-color);
&::after {
border-bottom-color: var(--secondary-color);
}
&::before {
border-bottom-color: var(--border-color);

View File

@@ -1,12 +1,12 @@
import { FC, useRef } from 'react';
import * as Popper from 'popper.js';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faInfoCircle as infoIcon } from '@fortawesome/free-solid-svg-icons';
import { UncontrolledTooltip } from 'reactstrap';
import { Placement } from '@popperjs/core';
interface InfoTooltipProps {
className?: string;
placement: Popper.Placement;
placement: Placement;
}
export const InfoTooltip: FC<InfoTooltipProps> = ({ className = '', placement, children }) => {