beesoft-components 0.2.7 → 0.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beesoft-components",
-  "version": "0.2.7",
+  "version": "0.2.11",
   "private": false,
   "author": "Brandon Trabon",
   "keywords": [

package/types/src/components/form/date-time/date-time-context.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { DateTimeCalendarTemplate } from './date-time-calendar.component';
 import { DateTimeScrollerTemplate } from './date-time-scroller.component';
+import { DateTimeColors } from './date-time-types';
 export interface DateTimeContextProps {
     calendarTemplate?: DateTimeCalendarTemplate;
     dateScrollerTemplate?: DateTimeScrollerTemplate;
+    colors: DateTimeColors;
 }
 export declare const DateTimeContext: import("react").Context<DateTimeContextProps>;

package/types/src/components/form/date-time/date-time-functions.d.ts

@@ -1,4 +1,5 @@
 import { Locale } from 'date-fns';
+import { DateTimeColors } from './date-time-types';
 export declare type DayType = {
     dayValue: Date | null;
     isCurrent: boolean;
@@ -12,3 +13,4 @@ export declare function getTranslatedMonthMatrix(locale: Locale): {
 export declare function getTranslatedYearMatrix(matrixDate: Date, locale: Locale): string[][];
 export declare function getDefaultTime(locale: Locale): string;
 export declare function loadLocale(localeToLoad: string): Promise<Locale>;
+export declare function createDefaultColors(): DateTimeColors;

package/types/src/components/form/date-time/date-time-types.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 export interface IncrementConstraint {
     min: number;
     max: number;
@@ -8,6 +9,13 @@ export interface TimeConstraints {
     minutes?: IncrementConstraint;
     seconds?: IncrementConstraint;
 }
+export interface DateTimeColors {
+    inputBgColor?: string | CSSProperties;
+    inputBorderColor?: string | CSSProperties;
+    readOnlyInputBgColor?: string | CSSProperties;
+    selectedDateColor?: string | CSSProperties;
+    todayDateColor?: string | CSSProperties;
+}
 export declare enum DateSelectionType {
     DateTime = 0,
     DateOnly = 1,
@@ -31,5 +39,6 @@ export declare enum CalendarSelectionMode {
 }
 export declare enum CalendarIconPosition {
     Right = 0,
-    Left = 1
+    Left = 1,
+    None = 2
 }

package/types/src/components/form/date-time/date-time.component.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TemplateFunction } from '../../common/template-outlet/template-outlet.component';
 import { DateTimeCalendarTemplate } from './date-time-calendar.component';
 import { DateTimeScrollerTemplate } from './date-time-scroller.component';
-import { CalendarIconPosition, DateFormatType, DateSelectionType, TimeConstraints } from './date-time-types';
+import { CalendarIconPosition, DateFormatType, DateSelectionType, DateTimeColors, TimeConstraints } from './date-time-types';
 export interface DateTimeProps {
     value?: string | Date | Array<Date>;
     readOnly?: boolean;
@@ -15,6 +15,7 @@ export interface DateTimeProps {
     icon?: JSX.Element;
     iconPosition?: CalendarIconPosition;
     inputElement?: HTMLElement;
+    colors?: DateTimeColors;
     selectableDate?: (currentDate: Date) => boolean;
     isValidDate?: (selectedDate: Date) => boolean;
     onChange?: (value: Date | Array<Date>) => void;
@@ -29,9 +30,9 @@ export interface DateTimeInputTemplateProps {
     onFocus: (event: React.FocusEvent) => void;
     onInput: (event: React.FormEvent) => void;
     iconPosition: CalendarIconPosition;
-    iconElement: JSX.Element;
+    iconElement?: JSX.Element;
     iconElementClassName?: string;
     onElementClick?: (event: React.MouseEvent) => void;
 }
 export declare type DateTimeInputTemplate = TemplateFunction<DateTimeInputTemplateProps>;
-export default function DateTime({ value, readOnly, label, useDefaultDateValue, locale, dateSelection, dateFormat, timeConstraints, icon, iconPosition, inputElement, selectableDate, isValidDate, onChange, calendarTemplate, dateScrollerTemplate, inputTemplate, }: DateTimeProps): JSX.Element;
+export default function DateTime({ value, readOnly, label, useDefaultDateValue, locale, dateSelection, dateFormat, timeConstraints, icon, iconPosition, inputElement, colors, selectableDate, isValidDate, onChange, calendarTemplate, dateScrollerTemplate, inputTemplate, }: DateTimeProps): JSX.Element;