left and right arrows are missing in jquery datepicker to navigate months

I am trying to create a component to select date with jquery datepicker. I am able to navigate and functionality is working when i click, But i see left and right arrows are missing.

Here is code.

HTML:

<table border="0px" style="width: 100%; height: 50px;">
    <tr>
        <td style="width: 15%; font-weight: 600;">
            Product
        </td>
        <td style="width: 35%;">
            <select class="form-control rawfileproduct">
                <option value="0">Please Select</option>
            </select>
        </td>
        <td style="width: 15%; font-weight: 600;">
            Source Date
        </td>
        <td style="width: 35%;">
            <input type="text" class="rawfiledates_dp" name="date">
        </td>
    </tr>
</table>

JS code:

$(".rawfiledates_dp").datepicker({
        changeMonth: false,
        changeYear: true,
        maxDate: 0,
        beforeShowDay: function(date) {
          var dateString = $.datepicker.formatDate('yy-mm-dd', date);
          if (allowedDates.includes(dateString)) {
            return [true, 'ui-state-highlight', ''];
          }
          return [false, '', ''];
        }
});

            

CSS Code:

.ui-datepicker-calendar > tbody > tr > td:hover {
 background-color: lightgreen;
 border-radius: 50%;
}

.ui-datepicker-calendar > tbody > tr > td
{
    text-align: center;
}

Sample Image:

Please help me, Thanks.