@forcecalendar/interface 0.6.0 → 0.8.0
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 +24 -10
- package/dist/force-calendar-interface.esm.js +7349 -0
- package/dist/force-calendar-interface.esm.js.map +1 -0
- package/dist/force-calendar-interface.umd.js +1487 -0
- package/dist/force-calendar-interface.umd.js.map +1 -0
- package/package.json +11 -4
- package/dist/assets/index-CDzXWV3y.js +0 -1486
- package/dist/index.html +0 -256
package/README.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
# forceCalendar
|
|
1
|
+
# forceCalendar Interface
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Enterprise-grade calendar UI components powered by [@forcecalendar/core](https://www.npmjs.com/package/@forcecalendar/core).
|
|
4
4
|
|
|
5
5
|
## Overview
|
|
6
6
|
|
|
7
|
-
forceCalendar
|
|
7
|
+
forceCalendar Interface provides production-ready calendar components built as Web Components, making them framework-agnostic and compatible with any JavaScript environment - including sandboxed environments like Salesforce Lightning Web Components.
|
|
8
8
|
|
|
9
9
|
## Features
|
|
10
10
|
|
|
@@ -18,43 +18,57 @@ forceCalendar UI provides enterprise-grade calendar components built as Web Comp
|
|
|
18
18
|
## Installation
|
|
19
19
|
|
|
20
20
|
```bash
|
|
21
|
-
npm install @forcecalendar/
|
|
21
|
+
npm install @forcecalendar/interface
|
|
22
22
|
```
|
|
23
23
|
|
|
24
24
|
## Quick Start
|
|
25
25
|
|
|
26
|
-
### HTML
|
|
26
|
+
### HTML (via CDN)
|
|
27
27
|
```html
|
|
28
28
|
<!DOCTYPE html>
|
|
29
29
|
<html>
|
|
30
30
|
<head>
|
|
31
31
|
<script type="module">
|
|
32
|
-
import '
|
|
32
|
+
import 'https://unpkg.com/@forcecalendar/interface@latest';
|
|
33
33
|
</script>
|
|
34
34
|
</head>
|
|
35
35
|
<body>
|
|
36
|
-
<force-calendar
|
|
36
|
+
<force-calendar view="month"></force-calendar>
|
|
37
37
|
</body>
|
|
38
38
|
</html>
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
### JavaScript
|
|
41
|
+
### JavaScript (ES Modules)
|
|
42
42
|
```javascript
|
|
43
|
-
import
|
|
43
|
+
import '@forcecalendar/interface';
|
|
44
44
|
|
|
45
45
|
// The component auto-registers as a web component
|
|
46
|
-
const calendar = document.createElement('force-calendar
|
|
46
|
+
const calendar = document.createElement('force-calendar');
|
|
47
|
+
calendar.setAttribute('view', 'month');
|
|
47
48
|
document.body.appendChild(calendar);
|
|
48
49
|
```
|
|
49
50
|
|
|
51
|
+
### JavaScript (CommonJS/Node.js)
|
|
52
|
+
```javascript
|
|
53
|
+
require('@forcecalendar/interface');
|
|
54
|
+
```
|
|
55
|
+
|
|
50
56
|
## Demo
|
|
51
57
|
|
|
52
58
|
```bash
|
|
53
59
|
npm install
|
|
60
|
+
npm run build
|
|
54
61
|
npx http-server . -p 8080
|
|
55
62
|
# Open http://localhost:8080/demo.html
|
|
56
63
|
```
|
|
57
64
|
|
|
65
|
+
Or for development:
|
|
66
|
+
|
|
67
|
+
```bash
|
|
68
|
+
npm run dev
|
|
69
|
+
# Opens development server with hot reload
|
|
70
|
+
```
|
|
71
|
+
|
|
58
72
|
## License
|
|
59
73
|
|
|
60
74
|
MIT
|