Change structure of datepicker modal and throw away outdated code

frontend/src/app/shared/components/datepicker/datepicker.modal.html

@@ -7,6 +7,22 @@
   (submit)="save($event)"
 >
   <div class="op-modal--body form -vertical">
+    <div class="form--field op-datepicker-modal--scheduling-action-container">
+      <div class="form--field-container">
+        <label class="form--label-with-check-box">
+          <div class="form--check-box-container">
+            <input type="checkbox"
+                   name="scheduling"
+                   class="form--check-box op-datepicker-modal--scheduling-action"
+                   data-qa-selector="op-datepicker-modal--scheduling-action"
+                   [ngModel]="scheduleManually"
+                   (ngModelChange)="changeSchedulingMode()">
+          </div>
+          {{ text.manualScheduling }}
+        </label>
+      </div>
+    </div>
+
     <div class="op-datepicker-modal--dates-container">
       <ng-container *ngIf="singleDate">
         <div class="form--field">
@@ -103,21 +119,6 @@
           </div>
         </div>
       </ng-container>
-      <div class="form--field op-datepicker-modal--scheduling-action-container">
-        <div class="form--field-container">
-          <label class="form--label-with-check-box">
-            <div class="form--check-box-container">
-              <input type="checkbox"
-                     name="scheduling"
-                     class="form--check-box op-datepicker-modal--scheduling-action"
-                     data-qa-selector="op-datepicker-modal--scheduling-action"
-                     [ngModel]="scheduleManually"
-                     (ngModelChange)="changeSchedulingMode()">
-            </div>
-            {{ text.manualScheduling }}
-          </label>
-        </div>
-      </div>
     </div>
 
     <ng-container *ngIf="!isSchedulable">

frontend/src/app/shared/components/datepicker/datepicker.modal.sass

@@ -1,21 +1,14 @@
 .op-datepicker-modal
-  position: relative
   z-index: 500
   width: auto
   // prevent additional content like notifications to
   // drastically increase the width.
   max-width: 730px
   box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25)
-  padding: 5px 0 0 0
-
-  .grid-block
-    align-items: center
-
 
   &--dates-container
     display: grid
     grid-template-columns: 170px 1fr auto
-    margin: 0 1.5rem
 
     .form--date-field
       margin: 2px !important
@@ -24,29 +17,8 @@
       &.-current:hover
         outline: 2px solid var(--primary-color)
 
-    .op-datepicker-modal--scheduling-action-container
-      margin-top: 28px
-
-      .form--label-with-check-box
-        padding: 0
-
     .form--field-inline-action
       .icon-small:before
         vertical-align: text-bottom
       &:hover, &:focus
         text-decoration: none
-
-
-  &--actions-container
-    display: flex
-    justify-content: flex-end
-    padding: 15px 1.5rem 0 1.5rem
-    border-top: 1px solid #DDDDDD
-    background: #F8F8F8
-
-    .op-datepicker-modal--action[disabled]
-      color: var(--gray-dark)
-      cursor: not-allowed
-
-      &:hover
-        text-decoration: none