Ant Design calendar is not mobile responsive

I have a Ant Design Calendar component on my React website.

<Calendar
     value={this.state.value}
     fullscreen={false}
     onPanelChange={this._onPanelChange}
     onSelect={this._onSelect}
     disabledDate={(current) => {
            return current && moment().isAfter(current, "day");
     }}
/>

This calendar renders prefectly on dekstop but on mobile it does not render completely. I tried to inspect and change properties but nothing worked out.

On mobile the calendar gets cut off(I get a horizontal scrollbar) and looks like this -

Any idea how can I overcome this? Thanks in advance.