Component not seen after adding css

[athuldom]

before importing css the component was like below

After adding the css nothing is displayed in the place
my import statement

some method

added the component

please provide a clear code document and code demo example so that i can use it properly

[ikkiwar]

i have the same problem, did you manage to solve that bug?

[nickeljew]

Suggest you import scss directly, since you are using this way by importing css into js file

…

On Thu, Dec 24, 2020 at 5:46 AM Kevin Rodríguez ***@***.***> wrote: i have the same problem, did you manage to solve that bug? — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#63 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AATJBLM7ZUPREG46APQQNELSWJQL3ANCNFSM4UR3G43A> .

[Bronzdragon]

Import the CSS like such instead:

import 'react-month-picker/css/month-picker.css'

[ikkiwar]

when I import the css the component disappears, in version 1.3.10 of the component it helped me to put show = true and so the calendar appeared but this does not seem to work with version 2.0.0 onwards

[nickeljew]

Hey, guys. If you are using the implementation of importing css in JS, please import the scss instead. It's easy to add
sass-loader into your webpeck config to support the importing scss in JS.

[pedro-mass]

Loading the scss didn't change the component not showing up...

import Picker from "react-month-picker";
import "react-month-picker/scss/month-picker.scss";

export default function App() {
  return (
    <Picker
      show={true}
      years={{ min: 2013 }}
      value={{
        from: { year: 2020, month: 1 },
        to: { year: 2020, month: 12 }
      }}
      lang={{ from: "from", to: "to" }}
      theme="light"
    />
  );
}

[pedro-mass]

This comment helped: #57 (comment)

You need to handle it through a ref now: https://codesandbox.io/s/react-month-picker-z4s1w?file=/src/App.js