Skip to content
Magma
Design System
Documentation
Components
Magma
Design System
Collapse the navigation
Expand the navigation
Search
Home
Foundation
Tokens
Icons
Components
Building blocks
Patterns
Brand assets
Development
Community
Magma on GitHub
Magma Storybook
Preferences
Components
Input date range
<mds-input-date-range>
Generated from
@maggioli-design-system/magma@2.3.0
dist/documentation.json
. Encapsulation:
shadow
.
CSS custom properties
--mds-input-date-range-background
Sets the background-color of the component
--mds-input-date-range-calendar-width
Sets the width of each calendar shown in the dropdown
--mds-input-date-range-fields-firefox-justify-content
Sets the justify-content of the component in Firefox
--mds-input-date-range-fields-gap
Sets the gap between the fields of the component
--mds-input-date-range-icon-color
Sets the icon color of the component
--mds-input-date-range-ring
Sets the box-shadow of the component’s input to perform the ring effect
--mds-input-date-range-shadow
Sets the box-shadow of the component’s input
--mds-input-date-range-variant-color-rgb
Sets the variant colors of the component
Documentation
Search
Ctrl
K
Cancel