From 43711f234dfed94461272b0bd625a36886b5d73b Mon Sep 17 00:00:00 2001 From: Wang Sijie Date: Tue, 21 Jun 2022 22:59:46 +0800 Subject: [PATCH] fix(console): use custom icon in date input (#1172) --- packages/console/src/assets/images/calendar.svg | 3 +++ .../console/src/components/TextInput/index.module.scss | 8 ++++++++ 2 files changed, 11 insertions(+) create mode 100644 packages/console/src/assets/images/calendar.svg diff --git a/packages/console/src/assets/images/calendar.svg b/packages/console/src/assets/images/calendar.svg new file mode 100644 index 000000000..5a724284b --- /dev/null +++ b/packages/console/src/assets/images/calendar.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/console/src/components/TextInput/index.module.scss b/packages/console/src/components/TextInput/index.module.scss index aa5ae65ee..fd126feff 100644 --- a/packages/console/src/components/TextInput/index.module.scss +++ b/packages/console/src/components/TextInput/index.module.scss @@ -48,6 +48,14 @@ &[type='date'] { height: 20px; + + &::-webkit-calendar-picker-indicator { + background-image: none; + background-color: var(--color-icon); + mask-image: url('../../assets/images/calendar.svg'); + width: 16px; + height: 18px; + } } }