Vue Business Hours

Vue component for setting business hours in an administration panel.

Github

Business Hours

Sunday
Monday
-
Tuesday
-
Wednesday
-
Thursday
-
Friday
-
-
Saturday
-

Holiday Hours, Select Mode

Thanksgiving
-
Christmas Eve
-
Christmas
Memorial Day
-

Business Hours with Errors

Sunday
Monday
-
  • Please enter a closing time that is after the opening time.
-
  • Please enter an opening time that is before the closing time.
  • Please enter an opening time that is after the previous closing time.
  • Please enter a closing time that is after the opening time.
  • Please enter a closing time that is before the next opening time.
-
  • Please enter an opening time that is after the previous closing time.
  • Please enter a closing time in the 12 hour format (ie. 05:00 PM). You may also enter "24 hours" or "Midnight".
  • Please enter a closing time that is after the opening time.
-
  • Please enter an opening time that is after the previous closing time.
Tuesday
-
Wednesday
-
-
-
Thursday
-
Friday
-
Saturday
-

Business Hours with Spanish Translation, 24h time format, Wider Toggle Switch

Domingo
Lunes
-
Martes
-
Miércoles
-
Jueves
-
  • Ingrese un horario de apertura que sea anterior al horario de cierre.
  • Ingrese una hora de cierre anterior a la próxima hora de apertura.
Viernes
-
  • Ingrese una hora de cierre en el formato de 12 horas (es decir, 05:00 PM). También puede ingresar "24 horas" o "Medianoche".
  • Ingrese una hora de cierre que sea posterior a la hora de apertura.
-
  • Ingrese un horario de apertura posterior al horario de cierre anterior.
Sábado
-

Business Hours w/ Event Emitter

Open your console and update hours in the component to see the events firing.

Sunday
Monday
-
Tuesday
-
Wednesday
-
Thursday
-
Friday
-
-
Saturday
-