diff --git a/frontend/src/app/common/validation-date-picker.tsx b/frontend/src/app/common/validation-date-picker.tsx
index 287fefbff..c0d1e63b7 100644
--- a/frontend/src/app/common/validation-date-picker.tsx
+++ b/frontend/src/app/common/validation-date-picker.tsx
@@ -46,6 +46,8 @@ export const ValidationDatePicker: FC<ValidationDatePickerProps> = ({
           maxDate={maxDate}
           minDate={minDate}
           autoComplete="false"
+          monthsShown={2}
+          showPreviousMonths
         />
       </div>
       <div className={calculatedClass}>{errMsg}</div>
diff --git a/frontend/src/app/components/containers/complaints/complaint-filter.tsx b/frontend/src/app/components/containers/complaints/complaint-filter.tsx
index 00cb9d2df..54f7aed42 100644
--- a/frontend/src/app/components/containers/complaints/complaint-filter.tsx
+++ b/frontend/src/app/components/containers/complaints/complaint-filter.tsx
@@ -219,6 +219,7 @@ export const ComplaintFilter: FC<Props> = ({ type }) => {
               selectsRange={true}
               isClearable={true}
               wrapperClassName="comp-filter-calendar-input"
+              showPreviousMonths
             />
           </div>
         </div>
diff --git a/frontend/src/app/components/containers/complaints/details/complaint-details-create.tsx b/frontend/src/app/components/containers/complaints/details/complaint-details-create.tsx
index eafbafd4c..040948c84 100644
--- a/frontend/src/app/components/containers/complaints/details/complaint-details-create.tsx
+++ b/frontend/src/app/components/containers/complaints/details/complaint-details-create.tsx
@@ -786,6 +786,8 @@ export const CreateComplaint: FC = () => {
                 timeFormat="HH:mm"
                 wrapperClassName="comp-details-edit-calendar-input"
                 maxDate={currentDate}
+                monthsShown={2}
+                showPreviousMonths
               />
             </div>
           </div>
diff --git a/frontend/src/app/components/containers/complaints/details/complaint-details-edit.tsx b/frontend/src/app/components/containers/complaints/details/complaint-details-edit.tsx
index 1bff4b11e..4729d99c1 100644
--- a/frontend/src/app/components/containers/complaints/details/complaint-details-edit.tsx
+++ b/frontend/src/app/components/containers/complaints/details/complaint-details-edit.tsx
@@ -872,6 +872,8 @@ export const ComplaintDetailsEdit: FC = () => {
                     timeFormat="HH:mm"
                     wrapperClassName="comp-details-edit-calendar-input"
                     maxDate={maxDate}
+                    monthsShown={2}
+                    showPreviousMonths
                   />
                 </div>
               </div>