icons not showing vue js

Question

I'm using element UI and im using the component daterangepicker

this is my file

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI)

and my date range picker looks like this

i dont know why the icons is not showing i already import the css file

Answer 1

In your scss file, do this:

/* just in case, you like to change theme color */
$--color-primary: blue;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";