beesoft-components 0.2.4 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/build/index.cjs.js +272 -163
- package/build/index.js +273 -164
- package/build/index.min.js +5 -5
- package/build/index.min.js.gz +0 -0
- package/package.json +2 -2
- package/types/src/components/common-hooks.d.ts +1 -1
- package/types/src/components/form/content-editable-input/content-editable-input.component.d.ts +6 -1
- package/types/src/components/form/date-time/date-time-context.d.ts +2 -0
- package/types/src/components/form/date-time/date-time-functions.d.ts +2 -0
- package/types/src/components/form/date-time/date-time-types.d.ts +10 -1
- package/types/src/components/form/date-time/date-time.component.d.ts +5 -3
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# BeeSoft Components
|
|
2
2
|
|
|
3
|
-
A library of components for the React framework
|
|
3
|
+
A library of components for the React framework. This library is currently a beta so please report any issues found or make suggestions.
|
|
4
4
|
|
|
5
5
|
#### `Install`
|
|
6
6
|
> npm install beesoft-components
|
|
@@ -28,6 +28,8 @@ This is the main component in the library currently; it has the ability to selec
|
|
|
28
28
|
| **timeConstraints** | `TimeConstraints` | Allows the time selection component to determine how the increment/decrement the values (currently only minute works). |
|
|
29
29
|
| **icon** | `JSX.Element` | This can be used to change the calendar icon. |
|
|
30
30
|
| **iconPosition** | `CalendarIconPosition` | Determines if the calendar icon appears on the right or the left. |
|
|
31
|
+
| **inputElement** | `HTMLElement` | When a custom input template is used this gives the component the HTMLElement to use for calendar positioning. |
|
|
32
|
+
| **colors** | `DateTimeColors` | A group of settings that can be used to change particular color settings. |
|
|
31
33
|
| **selectableDate** | `(currentDate: Date) => boolean` | Determines if a date is allowed to be selected...if false is returned then the date will be disabled. |
|
|
32
34
|
| **isValidDate** | `(selectedDate: Date) => boolean` | Determines if the passed date is a valid selectable date...if false is returned then the selection isn't made. |
|
|
33
35
|
| **onChange** | `(value: Date) => void` | Returns the value selected by the user (even though this optional it is recommended to be set). |
|
|
@@ -45,7 +47,7 @@ const inputTemplate = (props: DateTimeInputTemplateProps, children: React.ReactN
|
|
|
45
47
|
);
|
|
46
48
|
```
|
|
47
49
|
|
|
48
|
-
The `children` parameter is passed in the case where you want to wrap the current markup with your own additions. If not you can just provide your own custom markup using the properties from the `props` parameter. If you provide your own markup you will need to
|
|
50
|
+
The `children` parameter is passed in the case where you want to wrap the current markup with your own additions. If not you can just provide your own custom markup using the properties from the `props` parameter. If you provide your own markup you will need to pass in the html element you are using to the `inputElement` property, so the calendar will know where to show and when to hide itself.
|
|
49
51
|
|
|
50
52
|
#### Calendar Template Properties
|
|
51
53
|
|