Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

import flatpickr from 'flatpickr', no style

See original GitHub issue

import flatpickr from 'flatpickr'
flatpickr('#demo')

work with webpack , but no style

Issue Analytics

State:
Created 7 years ago
Comments:9 (2 by maintainers)

Top GitHub Comments

7reactions

3v0k4commented, Aug 16, 2019

To make @ndberg’s suggestion work I had to remove the .css part:

@import '~flatpickr/dist/themes/light'

7reactions

ndbergcommented, Dec 19, 2018

This should be added to the Documentation, add css with webpack

@import '~flatpickr/dist/themes/light.css';

Top Results From Across the Web

How do I load the CSS for flatpickr when I use npm to install it ...

I was able to install flatpickr via npm i flatpickr --save and properly import it into the JS code and use it via...

Flatpickr refuses to import styles - help - Meteor forums

Using blaze if you render this date/time picker the styles either don't work at all if using npm, or the “select” button disappears...

Getting Started - Flatpickr

If you're using a bundler, e.g. webpack , you'll need to import flatpickr. // commonjs const flatpickr = require("flatpickr"); // es modules are...

react-flatpickr - npm

Keep in mind that these are the styles from flatpickr package // See troubleshooting section in case you have problems importing the styles...

React Flatpickr Example Not Working (forked) - StackBlitz

Dependencies · import React, { useRef } from 'react'; · import './style.css'; · import Flatpickr from 'react-flatpickr'; · import 'flatpickr/dist/themes/ ...