Skip to content

Instantly share code, notes, and snippets.

@BenOsodrac
BenOsodrac / classTemplate.js
Last active October 18, 2022 21:31
Class Template
class MyCompanyDatePicker {
// Public field declarations;
pickerId;
// Private field declarations
#onDateSelectEvent;
constructor(datePickerId, onDateSelectEventHandler){
this.pickerId = datePickerId;
this.#onDateSelectEvent = onDateSelectEventHandler;
@BenOsodrac
BenOsodrac / dark-theme.css
Created October 18, 2022 22:33
Dark Theme
/* Dark Theme Variables */
:root {
--color-neutral-0: #181a1f;
--color-neutral-1: #24262c;
--color-neutral-2: #2f323a;
--color-neutral-3: #3a3f48;
--color-neutral-4: #464b56;
--color-neutral-5: #5e6471;
--color-neutral-6: #777f8d;
--color-neutral-7: #949ca8;
@BenOsodrac
BenOsodrac / picker.css
Created October 18, 2022 22:30
MyCompanyDatePicker CSS
/* MyCompanyDatePicker*/
.my-company-picker input.form-control[data-input] {
background-color: var(--color-neutral-0);
border: var(--border-size-s) solid var(--color-neutral-6);
border-radius: var(--border-radius-1);
color: var(--color-neutral-10);
}
.my-company-picker input.form-control[data-input].active {
border-color: var(--color-primary);