thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

style: date picker button theming and issue sidebar date select width adjustment

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-08-16 17:46:43 +05:30
parent 5dfd59b3fc
commit 06339106ed
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/app/components/issues/sidebar.tsx
View File

@ -396,7 +396,8 @@ export const IssueDetailsSidebar: React.FC<Props> = ({
start_date: val, start_date: val,
}) })
} }
className="bg-custom-background-90 w-full" className="bg-custom-background-100"
wrapperClassName="w-full"
maxDate={maxDate ?? undefined} maxDate={maxDate ?? undefined}
disabled={isNotAllowed || uneditable} disabled={isNotAllowed || uneditable}
/> />
@ -424,7 +425,8 @@ export const IssueDetailsSidebar: React.FC<Props> = ({
target_date: val, target_date: val,
}) })
} }
className="bg-custom-background-90 w-full" className="bg-custom-background-100"
wrapperClassName="w-full"
minDate={minDate ?? undefined} minDate={minDate ?? undefined}
disabled={isNotAllowed || uneditable} disabled={isNotAllowed || uneditable}
/> />

3
apps/app/components/ui/datepicker.tsx
View File

@ -14,6 +14,7 @@ type Props = {
displayShortForm?: boolean; displayShortForm?: boolean;
error?: boolean; error?: boolean;
noBorder?: boolean; noBorder?: boolean;
wrapperClassName?: string;
className?: string; className?: string;
isClearable?: boolean; isClearable?: boolean;
disabled?: boolean; disabled?: boolean;
@ -31,6 +32,7 @@ export const CustomDatePicker: React.FC<Props> = ({
displayShortForm = false, displayShortForm = false,
error = false, error = false,
noBorder = false, noBorder = false,
wrapperClassName = "",
className = "", className = "",
isClearable = true, isClearable = true,
disabled = false, disabled = false,
@ -46,6 +48,7 @@ export const CustomDatePicker: React.FC<Props> = ({
}} }}
onCalendarOpen={handleOnOpen} onCalendarOpen={handleOnOpen}
onCalendarClose={handleOnClose} onCalendarClose={handleOnClose}
wrapperClassName={wrapperClassName}
className={`${ className={`${
renderAs === "input" renderAs === "input"
? "block px-2 py-2 text-sm focus:outline-none" ? "block px-2 py-2 text-sm focus:outline-none"