Skip to content
Permalink
Browse files

Fix(datepicker): Prevent input error styling from applying to datepic…

…ker select (#3119)
  • Loading branch information...
Ayesha Mazumdar
Ayesha Mazumdar committed Mar 7, 2018
1 parent 741c2a4 commit 0fa0165d43288880c84a6a21ab6155de1f3c9ca7
Showing with 26 additions and 0 deletions.
  1. +5 −0 ui/components/datepickers/base/_index.scss
  2. +21 −0 ui/components/datepickers/base/example.jsx
@@ -119,6 +119,11 @@
}
}

.slds-has-error .slds-datepicker__filter .slds-select {
border: $border-width-thin solid $color-border-input;
box-shadow: none;
}

/**
* @summary Indicates days that are in previous/next months
*
@@ -428,5 +428,26 @@ export let states = [
/>
</FormElement>
)
},
{
id: 'datepicker-with-error',
label: 'Date Picker has Error',
element: (
<FormElement
className="slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open slds-has-error"
label="Date"
inputId={dateInputId}
inputIcon="right"
dropdown={<DatePicker todayActive />}
>
<Input id={dateInputId} placeholder=" " />
<ButtonIcon
className="slds-input__icon slds-input__icon_right"
symbol="event"
assistiveText="Select a date"
title="Select a date"
/>
</FormElement>
)
}
];

0 comments on commit 0fa0165

Please sign in to comment.
You can’t perform that action at this time.