react-css-modules – Tarik Billa

How can I style react-datepicker?

November 24, 2023 by Tarik

From https://github.com/Hacker0x01/react-datepicker/issues/2099#issuecomment-704194903 Try with wrapperClassName property: <DatePicker wrapperClassName=”datePicker” dateFormat=”dd/MM/yyyy” /> CSS: .datePicker { width: 100%; } This way you won’t modify the styles for the whole app styled-components bonus: import React from ‘react’; import styled, { css, createGlobalStyle } from ‘styled-components’; import DatePicker from ‘react-datepicker’; const DatePickerWrapperStyles = createGlobalStyle` .date_picker.full-width { width: 100%; } `; … Read more

How to apply global styles with CSS modules in a react app?

December 31, 2022 by Tarik

Since you’re using the ES6 import syntax you may use the same syntax to import your stylesheet import ‘./App.css’ Also, you can wrap your class with :global to switch to the global scope (this mean CSS Module won’t modulify it, eg: adding a random id next to it) :global(.myclass) { background-color: red; }