From 59d3dd6146fcd7815a54ee75571dfebf0aa5d4cc Mon Sep 17 00:00:00 2001
From: ivan <ipostu20000127@gmail.com>
Date: Mon, 16 Sep 2024 23:24:09 +0300
Subject: [PATCH] enhancement-506-3: fix some eslint errors

---
 eslint.config.mjs                         |   2 -
 spec/helpers/helper.js                    |   3 -
 spec/tests/cards/cardsSpec.js             |   2 -
 spec/tests/carousel/carouselSpec.js       |   2 -
 spec/tests/chips/chipsSpec.js             |   2 -
 spec/tests/collapsible/collapsibleSpec.js |   2 -
 spec/tests/datepicker/datepickerSpec.js   |   2 -
 spec/tests/dropdown/dropdownSpec.js       |   2 -
 spec/tests/fab/fabSpec.js                 |   2 -
 spec/tests/forms/formsSpec.js             |   2 -
 spec/tests/materialbox/materialboxSpec.js |   2 -
 spec/tests/modal/modalSpec.js             |   2 -
 spec/tests/select/selectSpec.js           |   2 -
 spec/tests/sidenav/sidenavSpec.js         |   2 -
 spec/tests/slider/sliderSpec.js           |   2 -
 spec/tests/tabs/tabsSpec.js               |   2 -
 spec/tests/toast/toastSpec.js             |   2 -
 spec/tests/tooltip/tooltipSpec.js         |   2 -
 src/autocomplete.ts                       |   6 +-
 src/buttons.ts                            |  11 +-
 src/carousel.ts                           |  37 +++---
 src/characterCounter.ts                   |   2 +-
 src/chips.ts                              |   2 +-
 src/component.ts                          |   2 +-
 src/datepicker.ts                         | 145 +++++++++++-----------
 src/index.ts                              |   2 +-
 src/parallax.ts                           |   6 +-
 src/pushpin.ts                            |  10 +-
 src/scrollspy.ts                          |  24 ++--
 src/select.ts                             |   2 +-
 src/sidenav.ts                            |   4 +-
 src/slider.ts                             |   2 +-
 src/tabs.ts                               |   2 +-
 src/tapTarget.ts                          |   2 +-
 src/timepicker.ts                         |  62 ++++-----
 src/toasts.ts                             |  16 +--
 src/tooltip.ts                            |   2 +-
 src/utils.ts                              |  42 +++----
 38 files changed, 188 insertions(+), 230 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index ad4eefa539..752cfd10d2 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -20,9 +20,7 @@ export default [
       // thousands of errors, for this reason, they have been marked as WARN
       'prettier/prettier': 'error',
 
-      'prefer-const': 'warn',
       'prefer-rest-params': 'warn',
-      'no-var': 'warn',
       '@typescript-eslint/no-explicit-any': 'warn',
       '@typescript-eslint/no-unused-vars': 'warn',
       '@typescript-eslint/no-unused-expressions': 'warn',
diff --git a/spec/helpers/helper.js b/spec/helpers/helper.js
index 2959b39fc7..f7fa134b17 100644
--- a/spec/helpers/helper.js
+++ b/spec/helpers/helper.js
@@ -1,6 +1,3 @@
-/* eslint-disable no-undef */
-/* eslint-disable no-unused-vars */
-
 const KEYMAP = {
   '27': 'Escape',
   '32': 'Space',
diff --git a/spec/tests/cards/cardsSpec.js b/spec/tests/cards/cardsSpec.js
index 138f395ede..474bf383dd 100644
--- a/spec/tests/cards/cardsSpec.js
+++ b/spec/tests/cards/cardsSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Cards', () => {
   const fixture = `<div class="row">
   <div class="col s12 m6">
diff --git a/spec/tests/carousel/carouselSpec.js b/spec/tests/carousel/carouselSpec.js
index f430ab6f96..46b5425d70 100644
--- a/spec/tests/carousel/carouselSpec.js
+++ b/spec/tests/carousel/carouselSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Carousel', () => {
   const fixture = `<div class="carousel carousel-slider" id="slider-no-wrap">
   <div class="carousel-item">
diff --git a/spec/tests/chips/chipsSpec.js b/spec/tests/chips/chipsSpec.js
index 68db00185f..dcdb09e9af 100644
--- a/spec/tests/chips/chipsSpec.js
+++ b/spec/tests/chips/chipsSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Chips', () => {
   const fixture = `<div class="chips"><input></div>
 <div class="chips chips-initial"><input></div>
diff --git a/spec/tests/collapsible/collapsibleSpec.js b/spec/tests/collapsible/collapsibleSpec.js
index d8b28906a9..25f80600cd 100644
--- a/spec/tests/collapsible/collapsibleSpec.js
+++ b/spec/tests/collapsible/collapsibleSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Collapsible Plugin:', () => {
   let collapsible, accordion, popout, expandable, expandablePreselect;
 
diff --git a/spec/tests/datepicker/datepickerSpec.js b/spec/tests/datepicker/datepickerSpec.js
index d2cc8f613d..4c11396824 100644
--- a/spec/tests/datepicker/datepickerSpec.js
+++ b/spec/tests/datepicker/datepickerSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Datepicker Plugin', () => {
   const fixture = `<div class="row">
   <div class="input-field col s12">
diff --git a/spec/tests/dropdown/dropdownSpec.js b/spec/tests/dropdown/dropdownSpec.js
index bda6543f5c..f50defa6cb 100644
--- a/spec/tests/dropdown/dropdownSpec.js
+++ b/spec/tests/dropdown/dropdownSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Dropdown Plugin:', () => {
   const fixture = `<div class="row">
     <div class="input-field col s12">
diff --git a/spec/tests/fab/fabSpec.js b/spec/tests/fab/fabSpec.js
index ce626aa7c6..2338d32632 100644
--- a/spec/tests/fab/fabSpec.js
+++ b/spec/tests/fab/fabSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Fab Plugin:', () => {
   const fixture = `<div class="fixed-action-btn">
   <a class="btn-floating btn-large red">
diff --git a/spec/tests/forms/formsSpec.js b/spec/tests/forms/formsSpec.js
index 990a86d600..0329cec516 100644
--- a/spec/tests/forms/formsSpec.js
+++ b/spec/tests/forms/formsSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 const MULTILINE_TEXT =
   'This is line 1.\nThis is line 2.\nThis is line 3.\nThis is line 4.\nThis is line 5.\nAnd this is line 6.';
 
diff --git a/spec/tests/materialbox/materialboxSpec.js b/spec/tests/materialbox/materialboxSpec.js
index 5f05b25543..3c544d14ed 100644
--- a/spec/tests/materialbox/materialboxSpec.js
+++ b/spec/tests/materialbox/materialboxSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Materialbox:', () => {
   const fixture = `<div id="transformTest" style="transform: translate3d(1px,1px,1px)">
   <img
diff --git a/spec/tests/modal/modalSpec.js b/spec/tests/modal/modalSpec.js
index c374e0a172..b3225fa57d 100644
--- a/spec/tests/modal/modalSpec.js
+++ b/spec/tests/modal/modalSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Modal:', () => {
   let trigger1, modal1;
 
diff --git a/spec/tests/select/selectSpec.js b/spec/tests/select/selectSpec.js
index 1e64fc671d..c235c717c3 100644
--- a/spec/tests/select/selectSpec.js
+++ b/spec/tests/select/selectSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Select Plugin:', () => {
   const fixture = `<div class="row">
   <div class="input-field col s12">
diff --git a/spec/tests/sidenav/sidenavSpec.js b/spec/tests/sidenav/sidenavSpec.js
index 5ccd226436..e968bb59df 100644
--- a/spec/tests/sidenav/sidenavSpec.js
+++ b/spec/tests/sidenav/sidenavSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Sidenav Plugin', () => {
   const fixture = `<ul id="slide-out" class="sidenav">
   <li><div class="user-view">
diff --git a/spec/tests/slider/sliderSpec.js b/spec/tests/slider/sliderSpec.js
index 51a9996f13..c926c4d8be 100644
--- a/spec/tests/slider/sliderSpec.js
+++ b/spec/tests/slider/sliderSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Slider Plugin:', () => {
   const fixture = `<div class="slider simple-slider">
   <ul class="slides">
diff --git a/spec/tests/tabs/tabsSpec.js b/spec/tests/tabs/tabsSpec.js
index 5e864a6788..b45dfba1a2 100644
--- a/spec/tests/tabs/tabsSpec.js
+++ b/spec/tests/tabs/tabsSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Tabs Plugin', () => {
   const fixture = `<div class="row">
   <div class="col s12">
diff --git a/spec/tests/toast/toastSpec.js b/spec/tests/toast/toastSpec.js
index 943eaa8b81..b1d385427d 100644
--- a/spec/tests/toast/toastSpec.js
+++ b/spec/tests/toast/toastSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Toasts:', () => {
   describe('Toast javascript functions', () => {
     it('should display and remove a toast', (done) => {
diff --git a/spec/tests/tooltip/tooltipSpec.js b/spec/tests/tooltip/tooltipSpec.js
index 2ad2ed9637..e671c5d574 100644
--- a/spec/tests/tooltip/tooltipSpec.js
+++ b/spec/tests/tooltip/tooltipSpec.js
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 describe('Tooltip:', () => {
   const fixture = `<a
   id="test"
diff --git a/src/autocomplete.ts b/src/autocomplete.ts
index bbb4092456..4c582608e6 100644
--- a/src/autocomplete.ts
+++ b/src/autocomplete.ts
@@ -68,7 +68,7 @@ export interface AutocompleteOptions extends BaseOptions {
   dropdownOptions: Partial<DropdownOptions>;
 }
 
-let _defaults: AutocompleteOptions = {
+const _defaults: AutocompleteOptions = {
   data: [], // Autocomplete data set
   onAutocomplete: null, // Callback for when autocompleted
   dropdownOptions: {
@@ -218,11 +218,11 @@ export class Autocomplete extends Component<AutocompleteOptions> {
     this.el.parentElement.appendChild(this.container);
 
     // Initialize dropdown
-    let dropdownOptions = {
+    const dropdownOptions = {
       ...Autocomplete.defaults.dropdownOptions,
       ...this.options.dropdownOptions
     };
-    let userOnItemClick = dropdownOptions.onItemClick;
+    const userOnItemClick = dropdownOptions.onItemClick;
     // Ensuring the select Option call when user passes custom onItemClick function to dropdown
     dropdownOptions.onItemClick = (li) => {
       if (!li) return;
diff --git a/src/buttons.ts b/src/buttons.ts
index ad294e69ed..70a072e4bd 100644
--- a/src/buttons.ts
+++ b/src/buttons.ts
@@ -18,7 +18,7 @@ export interface FloatingActionButtonOptions extends BaseOptions {
   toolbarEnabled: boolean;
 }
 
-let _defaults: FloatingActionButtonOptions = {
+const _defaults: FloatingActionButtonOptions = {
   direction: 'top',
   hoverEnabled: true,
   toolbarEnabled: false
@@ -203,10 +203,9 @@ export class FloatingActionButton
   }
 
   _animateInToolbar() {
-    let scaleFactor;
-    let windowWidth = window.innerWidth;
-    let windowHeight = window.innerHeight;
-    let btnRect = this.el.getBoundingClientRect();
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    const btnRect = this.el.getBoundingClientRect();
 
     const backdrop = document.createElement('div');
     backdrop.classList.add('fab-backdrop'); //  $('<div class="fab-backdrop"></div>');
@@ -217,7 +216,7 @@ export class FloatingActionButton
 
     this.offsetX = btnRect.left - windowWidth / 2 + btnRect.width / 2;
     this.offsetY = windowHeight - btnRect.bottom;
-    scaleFactor = windowWidth / backdrop[0].clientWidth;
+    const scaleFactor = windowWidth / backdrop[0].clientWidth;
     this.btnBottom = btnRect.bottom;
     this.btnLeft = btnRect.left;
     this.btnWidth = btnRect.width;
diff --git a/src/carousel.ts b/src/carousel.ts
index 7a9a5ff341..8b32365865 100644
--- a/src/carousel.ts
+++ b/src/carousel.ts
@@ -49,7 +49,7 @@ export interface CarouselOptions extends BaseOptions {
   onCycleTo: (current: Element, dragged: boolean) => void;
 }
 
-let _defaults: CarouselOptions = {
+const _defaults: CarouselOptions = {
   duration: 200, // ms
   dist: -100, // zoom scale TODO: make this more intuitive as an option
   shift: 0, // spacing for center image
@@ -150,7 +150,7 @@ export class Carousel extends Component<CarouselOptions> {
     // Setup cross browser string
     this.xform = 'transform';
     ['webkit', 'Moz', 'O', 'ms'].every((prefix) => {
-      var e = prefix + 'Transform';
+      const e = prefix + 'Transform';
       if (typeof document.body.style[e] !== 'undefined') {
         this.xform = e;
         return false;
@@ -436,13 +436,12 @@ export class Carousel extends Component<CarouselOptions> {
   }
 
   _track = () => {
-    let now: number, elapsed: number, delta: number, v: number;
-    now = Date.now();
-    elapsed = now - this.timestamp;
+    const now = Date.now();
+    const elapsed = now - this.timestamp;
     this.timestamp = now;
-    delta = this.offset - this.frame;
+    const delta = this.offset - this.frame;
     this.frame = this.offset;
-    v = (1000 * delta) / (1 + elapsed);
+    const v = (1000 * delta) / (1 + elapsed);
     this.velocity = 0.8 * v + 0.2 * this.velocity;
   };
 
@@ -474,25 +473,21 @@ export class Carousel extends Component<CarouselOptions> {
 
     // Start actual scroll
     let i: number,
-      half: number,
-      delta: number,
-      dir: number,
-      tween: number,
       el: HTMLElement,
       alignment: string,
       zTranslation: number,
       tweenedOpacity: number,
       centerTweenedOpacity: number;
-    let lastCenter = this.center;
-    let numVisibleOffset = 1 / this.options.numVisible;
+    const lastCenter = this.center;
+    const numVisibleOffset = 1 / this.options.numVisible;
 
     this.offset = typeof x === 'number' ? x : this.offset;
     this.center = Math.floor((this.offset + this.dim / 2) / this.dim);
 
-    delta = this.offset - this.center * this.dim;
-    dir = delta < 0 ? 1 : -1;
-    tween = (-dir * delta * 2) / this.dim;
-    half = this.count >> 1;
+    const delta = this.offset - this.center * this.dim;
+    const dir = delta < 0 ? 1 : -1;
+    const tween = (-dir * delta * 2) / this.dim;
+    const half = this.count >> 1;
 
     if (this.options.fullWidth) {
       alignment = 'translateX(0)';
@@ -528,7 +523,7 @@ export class Carousel extends Component<CarouselOptions> {
         el.classList.add('active');
       }
 
-      let transformString = `${alignment} translateX(${-delta / 2}px) translateX(${
+      const transformString = `${alignment} translateX(${-delta / 2}px) translateX(${
         dir * this.options.shift * tween * i
       }px) translateZ(${this.options.dist * tween}px)`;
       this._updateItemStyle(el, centerTweenedOpacity, 0, transformString);
@@ -546,7 +541,7 @@ export class Carousel extends Component<CarouselOptions> {
       // Don't show wrapped items.
       if (!this.noWrap || this.center + i < this.count) {
         el = this.images[this._wrap(this.center + i)];
-        let transformString = `${alignment} translateX(${
+        const transformString = `${alignment} translateX(${
           this.options.shift + (this.dim * i - delta) / 2
         }px) translateZ(${zTranslation}px)`;
         this._updateItemStyle(el, tweenedOpacity, -i, transformString);
@@ -562,7 +557,7 @@ export class Carousel extends Component<CarouselOptions> {
       // Don't show wrapped items.
       if (!this.noWrap || this.center - i >= 0) {
         el = this.images[this._wrap(this.center - i)];
-        let transformString = `${alignment} translateX(${
+        const transformString = `${alignment} translateX(${
           -this.options.shift + (-this.dim * i - delta) / 2
         }px) translateZ(${zTranslation}px)`;
         this._updateItemStyle(el, tweenedOpacity, -i, transformString);
@@ -572,7 +567,7 @@ export class Carousel extends Component<CarouselOptions> {
     // Don't show wrapped items.
     if (!this.noWrap || (this.center >= 0 && this.center < this.count)) {
       el = this.images[this._wrap(this.center)];
-      let transformString = `${alignment} translateX(${-delta / 2}px) translateX(${
+      const transformString = `${alignment} translateX(${-delta / 2}px) translateX(${
         dir * this.options.shift * tween
       }px) translateZ(${this.options.dist * tween}px)`;
       this._updateItemStyle(el, centerTweenedOpacity, 0, transformString);
diff --git a/src/characterCounter.ts b/src/characterCounter.ts
index f33b7a43aa..bd83cb7081 100644
--- a/src/characterCounter.ts
+++ b/src/characterCounter.ts
@@ -99,7 +99,7 @@ export class CharacterCounter extends Component<{}> {
   }
 
   updateCounter = () => {
-    let maxLength = parseInt(this.el.getAttribute('maxlength')),
+    const maxLength = parseInt(this.el.getAttribute('maxlength')),
       actualLength = (this.el as HTMLInputElement).value.length;
 
     this.isValidLength = actualLength <= maxLength;
diff --git a/src/chips.ts b/src/chips.ts
index 92020c46d9..3f95b3a282 100644
--- a/src/chips.ts
+++ b/src/chips.ts
@@ -70,7 +70,7 @@ export interface ChipsOptions extends BaseOptions {
   onChipDelete: (element: HTMLElement, chip: HTMLElement) => void;
 }
 
-let _defaults: ChipsOptions = {
+const _defaults: ChipsOptions = {
   data: [],
   placeholder: '',
   secondaryPlaceholder: '',
diff --git a/src/component.ts b/src/component.ts
index 13e412dea7..47e935437d 100644
--- a/src/component.ts
+++ b/src/component.ts
@@ -45,7 +45,7 @@ export class Component<O extends BaseOptions> {
       console.error(Error(el + ' is not an HTML Element'));
     }
     // If exists, destroy and reinitialize in child
-    let ins = classDef.getInstance(el);
+    const ins = classDef.getInstance(el);
     if (!!ins) {
       ins.destroy();
     }
diff --git a/src/datepicker.ts b/src/datepicker.ts
index bfb00b1bdf..9ce08beac0 100644
--- a/src/datepicker.ts
+++ b/src/datepicker.ts
@@ -149,7 +149,7 @@ export interface DatepickerOptions extends BaseOptions {
   endRange?: any;
 }
 
-let _defaults: DatepickerOptions = {
+const _defaults: DatepickerOptions = {
   // Close when date is selected
   autoClose: false,
   // the default output format for the input field value
@@ -287,7 +287,7 @@ export class Datepicker extends Component<DatepickerOptions> {
       this.options.defaultDate = new Date(Date.parse(this.el.value));
     }
 
-    let defDate = this.options.defaultDate;
+    const defDate = this.options.defaultDate;
     if (Datepicker._isDate(defDate)) {
       if (this.options.setDefaultDate) {
         this.setDate(defDate, true);
@@ -337,7 +337,7 @@ export class Datepicker extends Component<DatepickerOptions> {
   }
 
   static _isWeekend(date) {
-    let day = date.getDay();
+    const day = date.getDay();
     return day === 0 || day === 6;
   }
 
@@ -374,11 +374,11 @@ export class Datepicker extends Component<DatepickerOptions> {
   }
 
   destroySelects() {
-    let oldYearSelect = this.calendarEl.querySelector('.orig-select-year');
+    const oldYearSelect = this.calendarEl.querySelector('.orig-select-year');
     if (oldYearSelect) {
       FormSelect.getInstance(oldYearSelect as HTMLElement).destroy();
     }
-    let oldMonthSelect = this.calendarEl.querySelector('.orig-select-month');
+    const oldMonthSelect = this.calendarEl.querySelector('.orig-select-month');
     if (oldMonthSelect) {
       FormSelect.getInstance(oldMonthSelect as HTMLElement).destroy();
     }
@@ -444,7 +444,7 @@ export class Datepicker extends Component<DatepickerOptions> {
     if (!Datepicker._isDate(date)) {
       return;
     }
-    let min = this.options.minDate,
+    const min = this.options.minDate,
       max = this.options.maxDate;
     if (Datepicker._isDate(min) && date < min) {
       date = min;
@@ -476,11 +476,11 @@ export class Datepicker extends Component<DatepickerOptions> {
   }
 
   _renderDateDisplay() {
-    let displayDate = Datepicker._isDate(this.date) ? this.date : new Date();
-    let i18n = this.options.i18n;
-    let day = i18n.weekdaysShort[displayDate.getDay()];
-    let month = i18n.monthsShort[displayDate.getMonth()];
-    let date = displayDate.getDate();
+    const displayDate = Datepicker._isDate(this.date) ? this.date : new Date();
+    const i18n = this.options.i18n;
+    const day = i18n.weekdaysShort[displayDate.getDay()];
+    const month = i18n.monthsShort[displayDate.getMonth()];
+    const date = displayDate.getDate();
     this.yearTextEl.innerHTML = displayDate.getFullYear().toString();
     this.dateTextEl.innerHTML = `${day}, ${month} ${date}`;
   }
@@ -495,7 +495,7 @@ export class Datepicker extends Component<DatepickerOptions> {
       return;
     }
     if (this.calendars) {
-      let firstVisibleDate = new Date(this.calendars[0].year, this.calendars[0].month, 1),
+      const firstVisibleDate = new Date(this.calendars[0].year, this.calendars[0].month, 1),
         lastVisibleDate = new Date(
           this.calendars[this.calendars.length - 1].year,
           this.calendars[this.calendars.length - 1].month,
@@ -547,12 +547,12 @@ export class Datepicker extends Component<DatepickerOptions> {
   }
 
   render(year, month, randId) {
-    let opts = this.options,
-      now = new Date(),
-      days = Datepicker._getDaysInMonth(year, month),
-      before = new Date(year, month, 1).getDay(),
-      data = [],
-      row = [];
+    const opts = this.options;
+    const now = new Date();
+    const days = Datepicker._getDaysInMonth(year, month);
+    let before = new Date(year, month, 1).getDay();
+    const data = [];
+    let row = [];
     Datepicker._setToStartOfDay(now);
     if (opts.firstDay > 0) {
       before -= opts.firstDay;
@@ -560,7 +560,7 @@ export class Datepicker extends Component<DatepickerOptions> {
         before += 7;
       }
     }
-    let previousMonth = month === 0 ? 11 : month - 1,
+    const previousMonth = month === 0 ? 11 : month - 1,
       nextMonth = month === 11 ? 0 : month + 1,
       yearOfPreviousMonth = month === 0 ? year - 1 : year,
       yearOfNextMonth = month === 11 ? year + 1 : year,
@@ -573,25 +573,31 @@ export class Datepicker extends Component<DatepickerOptions> {
     cells += 7 - after;
     let isWeekSelected = false;
     for (let i = 0, r = 0; i < cells; i++) {
-      let day = new Date(year, month, 1 + (i - before)),
-        isSelected = Datepicker._isDate(this.date)
-          ? Datepicker._compareDates(day, this.date)
-          : false,
-        isToday = Datepicker._compareDates(day, now),
-        hasEvent = opts.events.indexOf(day.toDateString()) !== -1 ? true : false,
-        isEmpty = i < before || i >= days + before,
-        dayNumber = 1 + (i - before),
-        monthNumber = month,
-        yearNumber = year,
-        isStartRange = opts.startRange && Datepicker._compareDates(opts.startRange, day),
-        isEndRange = opts.endRange && Datepicker._compareDates(opts.endRange, day),
-        isInRange =
-          opts.startRange && opts.endRange && opts.startRange < day && day < opts.endRange,
-        isDisabled =
-          (opts.minDate && day < opts.minDate) ||
-          (opts.maxDate && day > opts.maxDate) ||
-          (opts.disableWeekends && Datepicker._isWeekend(day)) ||
-          (opts.disableDayFn && opts.disableDayFn(day));
+      const day = new Date(year, month, 1 + (i - before));
+      const isSelected = Datepicker._isDate(this.date)
+        ? Datepicker._compareDates(day, this.date)
+        : false;
+      const isToday = Datepicker._compareDates(day, now);
+      const hasEvent = opts.events.indexOf(day.toDateString()) !== -1 ? true : false;
+      const isEmpty = i < before || i >= days + before;
+      let dayNumber = 1 + (i - before);
+      let monthNumber = month;
+      let yearNumber = year;
+      const isStartRange = opts.startRange && Datepicker._compareDates(opts.startRange, day);
+      const isEndRange = opts.endRange && Datepicker._compareDates(opts.endRange, day);
+      let isDisabled;
+      const isInRange =
+        opts.startRange &&
+        opts.endRange &&
+        opts.startRange < day &&
+        day <
+          opts.endRange(
+            (isDisabled =
+              (opts.minDate && day < opts.minDate) ||
+              (opts.maxDate && day > opts.maxDate) ||
+              (opts.disableWeekends && Datepicker._isWeekend(day)) ||
+              (opts.disableDayFn && opts.disableDayFn(day)))
+          );
 
       if (isEmpty) {
         if (i < before) {
@@ -605,7 +611,7 @@ export class Datepicker extends Component<DatepickerOptions> {
         }
       }
 
-      let dayConfig = {
+      const dayConfig = {
         day: dayNumber,
         month: monthNumber,
         year: yearNumber,
@@ -633,7 +639,7 @@ export class Datepicker extends Component<DatepickerOptions> {
   }
 
   renderDay(opts) {
-    let arr = [];
+    const arr = [];
     let ariaSelected = 'false';
     if (opts.isEmpty) {
       if (opts.showDaysInNextAndPreviousMonths) {
@@ -695,8 +701,8 @@ export class Datepicker extends Component<DatepickerOptions> {
   }
 
   renderHead(opts) {
-    let i,
-      arr = [];
+    let i;
+    const arr = [];
     for (i = 0; i < 7; i++) {
       arr.push(
         `<th scope="col"><abbr title="${this.renderDayName(opts, i)}">${this.renderDayName(
@@ -714,20 +720,16 @@ export class Datepicker extends Component<DatepickerOptions> {
   }
 
   renderTitle(instance, c, year, month, refYear, randId) {
-    let i,
-      j,
-      arr,
-      opts = this.options,
-      isMinYear = year === opts.minYear,
-      isMaxYear = year === opts.maxYear,
-      html =
-        '<div id="' +
-        randId +
-        '" class="datepicker-controls" role="heading" aria-live="assertive">',
-      monthHtml,
-      yearHtml,
-      prev = true,
-      next = true;
+    let i;
+    let j;
+    let arr;
+    const opts = this.options;
+    const isMinYear = year === opts.minYear;
+    const isMaxYear = year === opts.maxYear;
+    let html =
+      '<div id="' + randId + '" class="datepicker-controls" role="heading" aria-live="assertive">';
+    let prev = true;
+    let next = true;
 
     for (arr = [], i = 0; i < 12; i++) {
       arr.push(
@@ -744,7 +746,7 @@ export class Datepicker extends Component<DatepickerOptions> {
       );
     }
 
-    monthHtml =
+    const monthHtml =
       '<select class="datepicker-select orig-select-month" tabindex="-1">' +
       arr.join('') +
       '</select>';
@@ -764,9 +766,9 @@ export class Datepicker extends Component<DatepickerOptions> {
     }
     if (opts.yearRangeReverse) arr.reverse();
 
-    yearHtml = `<select class="datepicker-select orig-select-year" tabindex="-1">${arr.join('')}</select>`;
+    const yearHtml = `<select class="datepicker-select orig-select-year" tabindex="-1">${arr.join('')}</select>`;
 
-    let leftArrow =
+    const leftArrow =
       '<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg>';
     html += `<button class="month-prev${
       prev ? '' : ' is-disabled'
@@ -788,7 +790,7 @@ export class Datepicker extends Component<DatepickerOptions> {
       next = false;
     }
 
-    let rightArrow =
+    const rightArrow =
       '<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg>';
     html += `<button class="month-next${
       next ? '' : ' is-disabled'
@@ -800,13 +802,12 @@ export class Datepicker extends Component<DatepickerOptions> {
   // refresh HTML
   draw(force: boolean = false) {
     if (!this.isOpen && !force) return;
-    let opts = this.options,
-      minYear = opts.minYear,
-      maxYear = opts.maxYear,
-      minMonth = opts.minMonth,
-      maxMonth = opts.maxMonth,
-      html = '',
-      randId;
+    const opts = this.options;
+    const minYear = opts.minYear;
+    const maxYear = opts.maxYear;
+    const minMonth = opts.minMonth;
+    const maxMonth = opts.maxMonth;
+    let html = '';
 
     if (this._y <= minYear) {
       this._y = minYear;
@@ -821,7 +822,7 @@ export class Datepicker extends Component<DatepickerOptions> {
       }
     }
 
-    randId =
+    const randId =
       'datepicker-title-' +
       Math.random()
         .toString(36)
@@ -846,8 +847,8 @@ export class Datepicker extends Component<DatepickerOptions> {
     this.calendarEl.innerHTML = html;
 
     // Init Materialize Select
-    let yearSelect = this.calendarEl.querySelector('.orig-select-year') as HTMLSelectElement;
-    let monthSelect = this.calendarEl.querySelector('.orig-select-month') as HTMLSelectElement;
+    const yearSelect = this.calendarEl.querySelector('.orig-select-year') as HTMLSelectElement;
+    const monthSelect = this.calendarEl.querySelector('.orig-select-month') as HTMLSelectElement;
     FormSelect.init(yearSelect, {
       classes: 'select-year',
       dropdownOptions: { container: document.body, constrainWidth: false }
@@ -898,7 +899,7 @@ export class Datepicker extends Component<DatepickerOptions> {
         return this.date.getDate();
       },
       dd: () => {
-        let d = this.date.getDate();
+        const d = this.date.getDate();
         return (d < 10 ? '0' : '') + d;
       },
       ddd: () => {
@@ -911,7 +912,7 @@ export class Datepicker extends Component<DatepickerOptions> {
         return this.date.getMonth() + 1;
       },
       mm: () => {
-        let m = this.date.getMonth() + 1;
+        const m = this.date.getMonth() + 1;
         return (m < 10 ? '0' : '') + m;
       },
       mmm: () => {
diff --git a/src/index.ts b/src/index.ts
index df12f7cb43..ff00a81582 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -67,7 +67,7 @@ export function Button(children: any = '') {
  * @param context Root element to initialize. Defaults to `document.body`.
  */
 export function AutoInit(context: HTMLElement = document.body) {
-  let registry = {
+  const registry = {
     Autocomplete: context.querySelectorAll('.autocomplete:not(.no-autoinit)'),
     Carousel: context.querySelectorAll('.carousel:not(.no-autoinit)'),
     Chips: context.querySelectorAll('.chips:not(.no-autoinit)'),
diff --git a/src/parallax.ts b/src/parallax.ts
index 653e23e41e..4bb6ca0140 100644
--- a/src/parallax.ts
+++ b/src/parallax.ts
@@ -9,7 +9,7 @@ export interface ParallaxOptions extends BaseOptions {
   responsiveThreshold: number;
 }
 
-let _defaults: ParallaxOptions = {
+const _defaults: ParallaxOptions = {
   responsiveThreshold: 0 // breakpoint for swipeable
 };
 
@@ -78,14 +78,14 @@ export class Parallax extends Component<ParallaxOptions> {
 
   static _handleScroll() {
     for (let i = 0; i < Parallax._parallaxes.length; i++) {
-      let parallaxInstance = Parallax._parallaxes[i];
+      const parallaxInstance = Parallax._parallaxes[i];
       parallaxInstance._updateParallax.call(parallaxInstance);
     }
   }
 
   static _handleWindowResize() {
     for (let i = 0; i < Parallax._parallaxes.length; i++) {
-      let parallaxInstance = Parallax._parallaxes[i];
+      const parallaxInstance = Parallax._parallaxes[i];
       parallaxInstance._enabled = window.innerWidth > parallaxInstance.options.responsiveThreshold;
     }
   }
diff --git a/src/pushpin.ts b/src/pushpin.ts
index 64e137d0dc..c66c98e837 100644
--- a/src/pushpin.ts
+++ b/src/pushpin.ts
@@ -27,7 +27,7 @@ export interface PushpinOptions extends BaseOptions {
   onPositionChange: (position: 'pinned' | 'pin-top' | 'pin-bottom') => void;
 }
 
-let _defaults = {
+const _defaults = {
   top: 0,
   bottom: Infinity,
   offset: 0,
@@ -89,7 +89,7 @@ export class Pushpin extends Component<PushpinOptions> {
     (this.el as HTMLElement).style.top = null;
     this._removePinClasses();
     // Remove pushpin Inst
-    let index = Pushpin._pushpins.indexOf(this);
+    const index = Pushpin._pushpins.indexOf(this);
     Pushpin._pushpins.splice(index, 1);
     if (Pushpin._pushpins.length === 0) {
       this._removeEventHandlers();
@@ -98,8 +98,8 @@ export class Pushpin extends Component<PushpinOptions> {
   }
 
   static _updateElements() {
-    for (let elIndex in Pushpin._pushpins) {
-      let pInstance = Pushpin._pushpins[elIndex];
+    for (const elIndex in Pushpin._pushpins) {
+      const pInstance = Pushpin._pushpins[elIndex];
       pInstance._updatePosition();
     }
   }
@@ -113,7 +113,7 @@ export class Pushpin extends Component<PushpinOptions> {
   }
 
   _updatePosition() {
-    let scrolled = Utils.getDocumentScrollTop() + this.options.offset;
+    const scrolled = Utils.getDocumentScrollTop() + this.options.offset;
 
     if (
       this.options.top <= scrolled &&
diff --git a/src/scrollspy.ts b/src/scrollspy.ts
index 47beb06077..e6eee199ce 100644
--- a/src/scrollspy.ts
+++ b/src/scrollspy.ts
@@ -24,7 +24,7 @@ export interface ScrollSpyOptions extends BaseOptions {
   getActiveElement: (id: string) => string;
 }
 
-let _defaults: ScrollSpyOptions = {
+const _defaults: ScrollSpyOptions = {
   throttle: 100,
   scrollOffset: 200, // offset - 200 allows elements near bottom of page to scroll
   activeClass: 'active',
@@ -142,16 +142,16 @@ export class ScrollSpy extends Component<ScrollSpyOptions> {
     ScrollSpy._ticks++;
 
     // viewport rectangle
-    let top = Utils.getDocumentScrollTop(),
+    const top = Utils.getDocumentScrollTop(),
       left = Utils.getDocumentScrollLeft(),
       right = left + window.innerWidth,
       bottom = top + window.innerHeight;
 
     // determine which elements are in view
-    let intersections = ScrollSpy._findElements(top, right, bottom, left);
+    const intersections = ScrollSpy._findElements(top, right, bottom, left);
     for (let i = 0; i < intersections.length; i++) {
-      let scrollspy = intersections[i];
-      let lastTick = scrollspy.tickId;
+      const scrollspy = intersections[i];
+      const lastTick = scrollspy.tickId;
       if (lastTick < 0) {
         // entered into view
         scrollspy._enter();
@@ -162,8 +162,8 @@ export class ScrollSpy extends Component<ScrollSpyOptions> {
     }
 
     for (let i = 0; i < ScrollSpy._elementsInView.length; i++) {
-      let scrollspy = ScrollSpy._elementsInView[i];
-      let lastTick = scrollspy.tickId;
+      const scrollspy = ScrollSpy._elementsInView[i];
+      const lastTick = scrollspy.tickId;
       if (lastTick >= 0 && lastTick !== ScrollSpy._ticks) {
         // exited from view
         scrollspy._exit();
@@ -184,18 +184,18 @@ export class ScrollSpy extends Component<ScrollSpyOptions> {
   }
 
   static _findElements(top: number, right: number, bottom: number, left: number): ScrollSpy[] {
-    let hits = [];
+    const hits = [];
     for (let i = 0; i < ScrollSpy._elements.length; i++) {
-      let scrollspy = ScrollSpy._elements[i];
-      let currTop = top + scrollspy.options.scrollOffset || 200;
+      const scrollspy = ScrollSpy._elements[i];
+      const currTop = top + scrollspy.options.scrollOffset || 200;
 
       if (scrollspy.el.getBoundingClientRect().height > 0) {
-        let elTop = ScrollSpy._offset(scrollspy.el).top,
+        const elTop = ScrollSpy._offset(scrollspy.el).top,
           elLeft = ScrollSpy._offset(scrollspy.el).left,
           elRight = elLeft + scrollspy.el.getBoundingClientRect().width,
           elBottom = elTop + scrollspy.el.getBoundingClientRect().height;
 
-        let isIntersect = !(
+        const isIntersect = !(
           elLeft > right ||
           elRight < left ||
           elTop > bottom ||
diff --git a/src/select.ts b/src/select.ts
index 088c5c5e3b..12bc9dd660 100644
--- a/src/select.ts
+++ b/src/select.ts
@@ -15,7 +15,7 @@ export interface FormSelectOptions extends BaseOptions {
   dropdownOptions: Partial<DropdownOptions>;
 }
 
-let _defaults: FormSelectOptions = {
+const _defaults: FormSelectOptions = {
   classes: '',
   dropdownOptions: {}
 };
diff --git a/src/sidenav.ts b/src/sidenav.ts
index 59fc3aee99..19f099fb46 100644
--- a/src/sidenav.ts
+++ b/src/sidenav.ts
@@ -166,7 +166,7 @@ export class Sidenav extends Component<SidenavOptions> implements Openable {
     if (Sidenav._sidenavs.length === 0) {
       document.body.addEventListener('click', this._handleTriggerClick);
     }
-    var passiveIfSupported: boolean = null;
+    const passiveIfSupported: boolean = null;
     this.dragTarget.addEventListener('touchmove', this._handleDragTargetDrag, passiveIfSupported);
     this.dragTarget.addEventListener('touchend', this._handleDragTargetRelease);
     this._overlay.addEventListener('touchmove', this._handleCloseDrag, passiveIfSupported);
@@ -301,7 +301,7 @@ export class Sidenav extends Component<SidenavOptions> implements Openable {
       // Calculate raw deltaX
       let totalDeltaX = this._xPos - this._startingXpos;
       // dragDirection is the attempted user drag direction
-      let dragDirection = totalDeltaX > 0 ? 'right' : 'left';
+      const dragDirection = totalDeltaX > 0 ? 'right' : 'left';
       // Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction
       totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX));
       if (this.options.edge !== dragDirection) {
diff --git a/src/slider.ts b/src/slider.ts
index c58fb998bb..b4ad3940c9 100644
--- a/src/slider.ts
+++ b/src/slider.ts
@@ -42,7 +42,7 @@ export interface SliderOptions extends BaseOptions {
   indicatorLabelFunc: (index: number, current: boolean) => string;
 }
 
-let _defaults: SliderOptions = {
+const _defaults: SliderOptions = {
   indicators: true,
   height: 400,
   duration: 500,
diff --git a/src/tabs.ts b/src/tabs.ts
index 60c69628c4..a0e1090f3d 100644
--- a/src/tabs.ts
+++ b/src/tabs.ts
@@ -26,7 +26,7 @@ export interface TabsOptions extends BaseOptions {
   responsiveThreshold: number;
 }
 
-let _defaults: TabsOptions = {
+const _defaults: TabsOptions = {
   duration: 300,
   onShow: null,
   swipeable: false,
diff --git a/src/tapTarget.ts b/src/tapTarget.ts
index e7188e9086..b0065e3c61 100644
--- a/src/tapTarget.ts
+++ b/src/tapTarget.ts
@@ -14,7 +14,7 @@ export interface TapTargetOptions extends BaseOptions {
   onClose: (origin: HTMLElement) => void;
 }
 
-let _defaults: TapTargetOptions = {
+const _defaults: TapTargetOptions = {
   onOpen: null,
   onClose: null
 };
diff --git a/src/timepicker.ts b/src/timepicker.ts
index 567a6ace8f..6c90ac1d75 100644
--- a/src/timepicker.ts
+++ b/src/timepicker.ts
@@ -97,7 +97,7 @@ export interface TimepickerOptions extends BaseOptions {
   onSelect: (hour: number, minute: number) => void;
 }
 
-let _defaults: TimepickerOptions = {
+const _defaults: TimepickerOptions = {
   dialRadius: 135,
   outerRadius: 105,
   innerRadius: 70,
@@ -231,7 +231,7 @@ export class Timepicker extends Component<TimepickerOptions> {
   }
 
   static _createSVGEl(name: string) {
-    let svgNS = 'http://www.w3.org/2000/svg';
+    const svgNS = 'http://www.w3.org/2000/svg';
     return document.createElementNS(svgNS, name);
   }
 
@@ -292,13 +292,13 @@ export class Timepicker extends Component<TimepickerOptions> {
 
   _handleClockClickStart = (e) => {
     e.preventDefault();
-    let clockPlateBR = this.plate.getBoundingClientRect();
-    let offset = { x: clockPlateBR.left, y: clockPlateBR.top };
+    const clockPlateBR = this.plate.getBoundingClientRect();
+    const offset = { x: clockPlateBR.left, y: clockPlateBR.top };
 
     this.x0 = offset.x + this.options.dialRadius;
     this.y0 = offset.y + this.options.dialRadius;
     this.moved = false;
-    let clickPos = Timepicker._Pos(e);
+    const clickPos = Timepicker._Pos(e);
     this.dx = clickPos.x - this.x0;
     this.dy = clickPos.y - this.y0;
 
@@ -314,9 +314,9 @@ export class Timepicker extends Component<TimepickerOptions> {
 
   _handleDocumentClickMove = (e) => {
     e.preventDefault();
-    let clickPos = Timepicker._Pos(e);
-    let x = clickPos.x - this.x0;
-    let y = clickPos.y - this.y0;
+    const clickPos = Timepicker._Pos(e);
+    const x = clickPos.x - this.x0;
+    const y = clickPos.y - this.y0;
     this.moved = true;
     this.setHand(x, y, false);
   };
@@ -325,9 +325,9 @@ export class Timepicker extends Component<TimepickerOptions> {
     e.preventDefault();
     document.removeEventListener('mouseup', this._handleDocumentClickEnd);
     document.removeEventListener('touchend', this._handleDocumentClickEnd);
-    let clickPos = Timepicker._Pos(e);
-    let x = clickPos.x - this.x0;
-    let y = clickPos.y - this.y0;
+    const clickPos = Timepicker._Pos(e);
+    const x = clickPos.x - this.x0;
+    const y = clickPos.y - this.y0;
     if (this.moved && x === this.dx && y === this.dy) {
       this.setHand(x, y);
     }
@@ -453,24 +453,24 @@ export class Timepicker extends Component<TimepickerOptions> {
 
   _buildSVGClock() {
     // Draw clock hands and others
-    let dialRadius = this.options.dialRadius;
-    let tickRadius = this.options.tickRadius;
-    let diameter = dialRadius * 2;
-    let svg = Timepicker._createSVGEl('svg');
+    const dialRadius = this.options.dialRadius;
+    const tickRadius = this.options.tickRadius;
+    const diameter = dialRadius * 2;
+    const svg = Timepicker._createSVGEl('svg');
     svg.setAttribute('class', 'timepicker-svg');
     svg.setAttribute('width', diameter.toString());
     svg.setAttribute('height', diameter.toString());
-    let g = Timepicker._createSVGEl('g');
+    const g = Timepicker._createSVGEl('g');
     g.setAttribute('transform', 'translate(' + dialRadius + ',' + dialRadius + ')');
-    let bearing = Timepicker._createSVGEl('circle');
+    const bearing = Timepicker._createSVGEl('circle');
     bearing.setAttribute('class', 'timepicker-canvas-bearing');
     bearing.setAttribute('cx', '0');
     bearing.setAttribute('cy', '0');
     bearing.setAttribute('r', '4');
-    let hand = Timepicker._createSVGEl('line');
+    const hand = Timepicker._createSVGEl('line');
     hand.setAttribute('x1', '0');
     hand.setAttribute('y1', '0');
-    let bg = Timepicker._createSVGEl('circle');
+    const bg = Timepicker._createSVGEl('circle');
     bg.setAttribute('class', 'timepicker-canvas-bg');
     bg.setAttribute('r', tickRadius.toString());
     g.appendChild(hand);
@@ -570,7 +570,7 @@ export class Timepicker extends Component<TimepickerOptions> {
       value[1] = value[1].replace('AM', '').replace('PM', '');
     }
     if (value[0] === 'now') {
-      let now = new Date(+new Date() + this.options.fromNow);
+      const now = new Date(+new Date() + this.options.fromNow);
       value = [now.getHours().toString(), now.getMinutes().toString()];
       if (this.options.twelveHour) {
         this.amOrPm = parseInt(value[0]) >= 12 && parseInt(value[0]) < 24 ? 'PM' : 'AM';
@@ -592,7 +592,7 @@ export class Timepicker extends Component<TimepickerOptions> {
     if (view === 'minutes' && getComputedStyle(this.hoursView).visibility === 'visible') {
       // raiseCallback(this.options.beforeHourSelect);
     }
-    let isHours = view === 'hours',
+    const isHours = view === 'hours',
       nextView = isHours ? this.hoursView : this.minutesView,
       hideView = isHours ? this.minutesView : this.hoursView;
     this.currentView = view;
@@ -621,7 +621,7 @@ export class Timepicker extends Component<TimepickerOptions> {
   };
 
   resetClock(delay) {
-    let view = this.currentView,
+    const view = this.currentView,
       value = this[view],
       isHours = view === 'hours',
       unit = Math.PI / (isHours ? 6 : 30),
@@ -677,7 +677,7 @@ export class Timepicker extends Component<TimepickerOptions> {
     if (this.options.twelveHour) {
       radius = this.options.outerRadius;
     }
-    let cx1 = Math.sin(radian) * (radius - this.options.tickRadius),
+    const cx1 = Math.sin(radian) * (radius - this.options.tickRadius),
       cy1 = -Math.cos(radian) * (radius - this.options.tickRadius),
       cx2 = Math.sin(radian) * radius,
       cy2 = -Math.cos(radian) * radius;
@@ -688,12 +688,12 @@ export class Timepicker extends Component<TimepickerOptions> {
   }
 
   setHand(x, y, roundBy5: boolean = false) {
-    let radian = Math.atan2(x, -y),
-      isHours = this.currentView === 'hours',
-      unit = Math.PI / (isHours || roundBy5 ? 6 : 30),
-      z = Math.sqrt(x * x + y * y),
-      inner = isHours && z < (this.options.outerRadius + this.options.innerRadius) / 2,
-      radius = inner ? this.options.innerRadius : this.options.outerRadius;
+    let radian = Math.atan2(x, -y);
+    const isHours = this.currentView === 'hours';
+    const unit = Math.PI / (isHours || roundBy5 ? 6 : 30);
+    const z = Math.sqrt(x * x + y * y);
+    const inner = isHours && z < (this.options.outerRadius + this.options.innerRadius) / 2;
+    let radius = inner ? this.options.innerRadius : this.options.outerRadius;
 
     if (this.options.twelveHour) {
       radius = this.options.outerRadius;
@@ -755,7 +755,7 @@ export class Timepicker extends Component<TimepickerOptions> {
     }
 
     // Set clock hand and others' position
-    let cx1 = Math.sin(radian) * (radius - this.options.tickRadius),
+    const cx1 = Math.sin(radian) * (radius - this.options.tickRadius),
       cy1 = -Math.cos(radian) * (radius - this.options.tickRadius),
       cx2 = Math.sin(radian) * radius,
       cy2 = -Math.cos(radian) * radius;
@@ -787,7 +787,7 @@ export class Timepicker extends Component<TimepickerOptions> {
 
   done = (e = null, clearValue = null) => {
     // Set input value
-    let last = this.el.value;
+    const last = this.el.value;
     let value = clearValue
       ? ''
       : Timepicker._addLeadingZero(this.hours) + ':' + Timepicker._addLeadingZero(this.minutes);
diff --git a/src/toasts.ts b/src/toasts.ts
index ef1f3511ed..36dfb56346 100644
--- a/src/toasts.ts
+++ b/src/toasts.ts
@@ -44,7 +44,7 @@ export interface ToastOptions extends BaseOptions {
   activationPercent: number;
 }
 
-let _defaults: ToastOptions = {
+const _defaults: ToastOptions = {
   text: '',
   displayLength: 4000,
   inDuration: 300,
@@ -93,7 +93,7 @@ export class Toast {
     }
     // Create new toast
     Toast._toasts.push(this);
-    let toastElement = this._createToast();
+    const toastElement = this._createToast();
     (toastElement as any).M_Toast = this;
     this.el = toastElement;
     this._animateIn();
@@ -161,13 +161,13 @@ export class Toast {
 
   static _onDragEnd() {
     if (!!Toast._draggedToast) {
-      let toast = Toast._draggedToast;
+      const toast = Toast._draggedToast;
       toast.panning = false;
       toast.el.classList.remove('panning');
 
-      let totalDeltaX = toast.xPos - toast.startingXPos;
-      let activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
-      let shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || toast.velocityX > 1;
+      const totalDeltaX = toast.xPos - toast.startingXPos;
+      const activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
+      const shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || toast.velocityX > 1;
 
       // Remove toast
       if (shouldBeDismissed) {
@@ -195,7 +195,7 @@ export class Toast {
    * dismiss all toasts.
    */
   static dismissAll() {
-    for (let toastIndex in Toast._toasts) {
+    for (const toastIndex in Toast._toasts) {
       Toast._toasts[toastIndex].dismiss();
     }
   }
@@ -260,7 +260,7 @@ export class Toast {
    */
   dismiss() {
     window.clearInterval(this.counterInterval);
-    let activationDistance = this.el.offsetWidth * this.options.activationPercent;
+    const activationDistance = this.el.offsetWidth * this.options.activationPercent;
 
     if (this.wasSwiped) {
       this.el.style.transition = 'transform .05s, opacity .05s';
diff --git a/src/tooltip.ts b/src/tooltip.ts
index 164112a1d7..61bc25c3aa 100644
--- a/src/tooltip.ts
+++ b/src/tooltip.ts
@@ -358,7 +358,7 @@ export class Tooltip extends Component<TooltipOptions> {
   };
 
   _getAttributeOptions(): Partial<TooltipOptions> {
-    let attributeOptions: Partial<TooltipOptions> = {};
+    const attributeOptions: Partial<TooltipOptions> = {};
     const tooltipTextOption = this.el.getAttribute('data-tooltip');
     const tooltipId = this.el.getAttribute('data-tooltip-id');
     const positionOption = this.el.getAttribute('data-position');
diff --git a/src/utils.ts b/src/utils.ts
index c6ce21555c..b45aa7e758 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -84,25 +84,25 @@ export class Utils {
    * @param offset Element offset.
    */
   static checkWithinContainer(container: HTMLElement, bounding: Bounding, offset: number): Edges {
-    let edges = {
+    const edges = {
       top: false,
       right: false,
       bottom: false,
       left: false
     };
 
-    let containerRect = container.getBoundingClientRect();
+    const containerRect = container.getBoundingClientRect();
     // If body element is smaller than viewport, use viewport height instead.
-    let containerBottom =
+    const containerBottom =
       container === document.body
         ? Math.max(containerRect.bottom, window.innerHeight)
         : containerRect.bottom;
 
-    let scrollLeft = container.scrollLeft;
-    let scrollTop = container.scrollTop;
+    const scrollLeft = container.scrollLeft;
+    const scrollTop = container.scrollTop;
 
-    let scrolledX = bounding.left - scrollLeft;
-    let scrolledY = bounding.top - scrollTop;
+    const scrolledX = bounding.left - scrollLeft;
+    const scrolledY = bounding.top - scrollTop;
 
     // Check for container and viewport for each edge
     if (scrolledX < containerRect.left + offset || scrolledX < offset) {
@@ -143,7 +143,7 @@ export class Utils {
     bounding: Bounding,
     offset: number
   ) {
-    let canAlign: {
+    const canAlign: {
       top: boolean;
       right: boolean;
       bottom: boolean;
@@ -163,18 +163,18 @@ export class Utils {
       spaceOnLeft: null
     };
 
-    let containerAllowsOverflow = getComputedStyle(container).overflow === 'visible';
-    let containerRect = container.getBoundingClientRect();
-    let containerHeight = Math.min(containerRect.height, window.innerHeight);
-    let containerWidth = Math.min(containerRect.width, window.innerWidth);
-    let elOffsetRect = el.getBoundingClientRect();
+    const containerAllowsOverflow = getComputedStyle(container).overflow === 'visible';
+    const containerRect = container.getBoundingClientRect();
+    const containerHeight = Math.min(containerRect.height, window.innerHeight);
+    const containerWidth = Math.min(containerRect.width, window.innerWidth);
+    const elOffsetRect = el.getBoundingClientRect();
 
-    let scrollLeft = container.scrollLeft;
-    let scrollTop = container.scrollTop;
+    const scrollLeft = container.scrollLeft;
+    const scrollTop = container.scrollTop;
 
-    let scrolledX = bounding.left - scrollLeft;
-    let scrolledYTopEdge = bounding.top - scrollTop;
-    let scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
+    const scrolledX = bounding.left - scrollLeft;
+    const scrolledYTopEdge = bounding.top - scrollTop;
+    const scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
 
     // Check for container and viewport for left
     canAlign.spaceOnRight = !containerAllowsOverflow
@@ -253,16 +253,16 @@ export class Utils {
     let timeout = null;
     let previous = 0;
     options || (options = {});
-    let later = function () {
+    const later = function () {
       previous = options.leading === false ? 0 : new Date().getTime();
       timeout = null;
       result = func.apply(context, args);
       context = args = null;
     };
     return function () {
-      let now = new Date().getTime();
+      const now = new Date().getTime();
       if (!previous && options.leading === false) previous = now;
-      let remaining = wait - (now - previous);
+      const remaining = wait - (now - previous);
       context = this;
       args = arguments;
       if (remaining <= 0) {