styling from semantic-ui-react not being applied on inline DateInput

[GWSzeto]

Describe the bug
The styling from semantic-ui-react is not being applied on the inline version of DateInput

To Reproduce
npm i semantic-ui-calendar-react
npm i semantic-ui-react
implement the inline dateinput as so

const scheduleAppointment = ({ goToPage, updateUserData }) => {
  const initialValues = {
    appointmentDateTime: '',
  }

  const onSubmit = (values, actions) => {
    actions.setSubmitting(false)
    updateUserData(values)
    goToPage(1)
  }
  
  return (
    <Formik
      initialValues={initialValues}
      onSubmit={onSubmit}
    >
      {({ values, handleChange }) => (
        <Form>
          <TitleQuestion>Your availability</TitleQuestion>
          <DateInput
            inline
            name='appointmentDateTime'
            value={values.appointmentDateTime}
            onChange={handleChange}
          />
        </Form> 
      )}
    </Formik> 
  )
}

Expected behavior
I expected it to look like the inline calendar displayed in the demo here
https://arfedulov.github.io/semantic-ui-calendar-react/

Screenshots
expected:

reality:

Dependencies versions
"react": "^16.12.0"
"semantic-ui-calendar-react": "^0.15.3"
"semantic-ui-react": "^0.88.2"

[DovahBrownies]

@GWSzeto - Are you importing the semantic styling?
import 'semantic-ui-css/semantic.min.css' ?