Fix lit warnings (#9204)

Co-authored-by: Bram Kragten <mail@bramkragten.nl>

src/components/date-range-picker.ts

@@ -1,7 +1,8 @@
-// @ts-nocheck
 import wrap from "@vue/web-component-wrapper";
+import { customElement } from "lit/decorators";
 import Vue from "vue";
 import DateRangePicker from "vue2-daterange-picker";
+// @ts-ignore
 import dateRangePickerStyles from "vue2-daterange-picker/dist/vue2-daterange-picker.css";
 import { fireEvent } from "../common/dom/fire_event";
 import { Constructor } from "../types";
@@ -34,22 +35,29 @@ const Component = Vue.extend({
     },
   },
   render(createElement) {
+    // @ts-ignore
     return createElement(DateRangePicker, {
       props: {
         "time-picker": true,
         "auto-apply": false,
         opens: "right",
         "show-dropdowns": false,
+        // @ts-ignore
         "time-picker24-hour": this.twentyfourHours,
+        // @ts-ignore
         disabled: this.disabled,
+        // @ts-ignore
         ranges: this.ranges ? {} : false,
       },
       model: {
         value: {
+          // @ts-ignore
           startDate: this.startDate,
+          // @ts-ignore
           endDate: this.endDate,
         },
         callback: (value) => {
+          // @ts-ignore
           fireEvent(this.$el as HTMLElement, "change", value);
         },
         expression: "dateRange",