@syncfusion/ej2-angular-calendars 21.2.10 → 22.1.34
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 +83 -94
- package/license +10 -0
- package/package.json +44 -8
- package/schematics/utils/lib-details.ts +2 -2
- package/styles/bootstrap-dark.css +715 -19
- package/styles/bootstrap.css +711 -15
- package/styles/bootstrap4.css +711 -16
- package/styles/bootstrap5-dark.css +708 -12
- package/styles/bootstrap5.css +708 -12
- package/styles/calendar/_bootstrap-dark-definition.scss +1 -1
- package/styles/calendar/_bootstrap4-definition.scss +1 -1
- package/styles/calendar/_layout.scss +64 -19
- package/styles/calendar/_material-definition.scss +1 -1
- package/styles/calendar/_material3-dark-definition.scss +1 -0
- package/styles/calendar/_material3-definition.scss +195 -0
- package/styles/calendar/_theme.scss +2 -1
- package/styles/calendar/bootstrap-dark.css +3 -2
- package/styles/calendar/bootstrap.css +2 -1
- package/styles/calendar/bootstrap4.css +3 -2
- package/styles/calendar/bootstrap5-dark.css +2 -1
- package/styles/calendar/bootstrap5.css +2 -1
- package/styles/calendar/fabric-dark.css +2 -1
- package/styles/calendar/fabric.css +2 -1
- package/styles/calendar/fluent-dark.css +2 -1
- package/styles/calendar/fluent.css +2 -1
- package/styles/calendar/highcontrast-light.css +2 -1
- package/styles/calendar/highcontrast.css +2 -1
- package/styles/calendar/icons/_material3-dark.scss +1 -0
- package/styles/calendar/material-dark.css +2 -1
- package/styles/calendar/material.css +3 -2
- package/styles/calendar/material3-dark.css +895 -0
- package/styles/calendar/material3-dark.scss +6 -0
- package/styles/calendar/material3.css +951 -0
- package/styles/calendar/material3.scss +6 -0
- package/styles/calendar/tailwind-dark.css +2 -1
- package/styles/calendar/tailwind.css +2 -1
- package/styles/datepicker/_bootstrap-dark-definition.scss +71 -11
- package/styles/datepicker/_bootstrap-definition.scss +71 -9
- package/styles/datepicker/_bootstrap4-definition.scss +70 -9
- package/styles/datepicker/_bootstrap5-definition.scss +67 -6
- package/styles/datepicker/_fabric-dark-definition.scss +70 -9
- package/styles/datepicker/_fabric-definition.scss +70 -9
- package/styles/datepicker/_fluent-definition.scss +67 -6
- package/styles/datepicker/_fusionnew-definition.scss +67 -6
- package/styles/datepicker/_highcontrast-definition.scss +69 -8
- package/styles/datepicker/_highcontrast-light-definition.scss +69 -8
- package/styles/datepicker/_layout.scss +214 -66
- package/styles/datepicker/_material-dark-definition.scss +67 -6
- package/styles/datepicker/_material-definition.scss +67 -6
- package/styles/datepicker/_material3-dark-definition.scss +1 -0
- package/styles/datepicker/_material3-definition.scss +116 -0
- package/styles/datepicker/_tailwind-definition.scss +67 -6
- package/styles/datepicker/_theme.scss +0 -1
- package/styles/datepicker/bootstrap-dark.css +262 -8
- package/styles/datepicker/bootstrap.css +262 -8
- package/styles/datepicker/bootstrap4.css +261 -8
- package/styles/datepicker/bootstrap5-dark.css +259 -5
- package/styles/datepicker/bootstrap5.css +259 -5
- package/styles/datepicker/fabric-dark.css +255 -8
- package/styles/datepicker/fabric.css +255 -8
- package/styles/datepicker/fluent-dark.css +258 -5
- package/styles/datepicker/fluent.css +258 -5
- package/styles/datepicker/highcontrast-light.css +260 -7
- package/styles/datepicker/highcontrast.css +260 -7
- package/styles/datepicker/icons/_bootstrap-dark.scss +21 -0
- package/styles/datepicker/icons/_bootstrap.scss +20 -0
- package/styles/datepicker/icons/_bootstrap4.scss +20 -0
- package/styles/datepicker/icons/_bootstrap5.scss +20 -0
- package/styles/datepicker/icons/_fabric-dark.scss +13 -0
- package/styles/datepicker/icons/_fabric.scss +13 -0
- package/styles/datepicker/icons/_fluent.scss +20 -0
- package/styles/datepicker/icons/_fusionnew.scss +20 -0
- package/styles/datepicker/icons/_highcontrast-light.scss +20 -0
- package/styles/datepicker/icons/_highcontrast.scss +20 -0
- package/styles/datepicker/icons/_material-dark.scss +13 -0
- package/styles/datepicker/icons/_material.scss +13 -0
- package/styles/datepicker/icons/_material3-dark.scss +1 -0
- package/styles/datepicker/icons/_material3.scss +23 -0
- package/styles/datepicker/icons/_tailwind.scss +20 -0
- package/styles/datepicker/material-dark.css +252 -5
- package/styles/datepicker/material.css +204 -40
- package/styles/datepicker/material3-dark.css +510 -0
- package/styles/datepicker/material3-dark.scss +8 -0
- package/styles/datepicker/material3.css +566 -0
- package/styles/datepicker/material3.scss +8 -0
- package/styles/datepicker/tailwind-dark.css +258 -5
- package/styles/datepicker/tailwind.css +258 -5
- package/styles/daterangepicker/_bootstrap-dark-definition.scss +67 -2
- package/styles/daterangepicker/_bootstrap-definition.scss +65 -0
- package/styles/daterangepicker/_bootstrap4-definition.scss +65 -0
- package/styles/daterangepicker/_bootstrap5-definition.scss +65 -0
- package/styles/daterangepicker/_fabric-dark-definition.scss +65 -0
- package/styles/daterangepicker/_fabric-definition.scss +65 -0
- package/styles/daterangepicker/_fluent-definition.scss +66 -1
- package/styles/daterangepicker/_fusionnew-definition.scss +65 -0
- package/styles/daterangepicker/_highcontrast-definition.scss +65 -0
- package/styles/daterangepicker/_highcontrast-light-definition.scss +65 -0
- package/styles/daterangepicker/_layout.scss +325 -116
- package/styles/daterangepicker/_material-dark-definition.scss +65 -0
- package/styles/daterangepicker/_material-definition.scss +65 -0
- package/styles/daterangepicker/_material3-dark-definition.scss +1 -0
- package/styles/daterangepicker/_material3-definition.scss +278 -0
- package/styles/daterangepicker/_tailwind-definition.scss +65 -0
- package/styles/daterangepicker/_theme.scss +21 -1
- package/styles/daterangepicker/bootstrap-dark.css +358 -7
- package/styles/daterangepicker/bootstrap.css +355 -4
- package/styles/daterangepicker/bootstrap4.css +355 -4
- package/styles/daterangepicker/bootstrap5-dark.css +355 -4
- package/styles/daterangepicker/bootstrap5.css +355 -4
- package/styles/daterangepicker/fabric-dark.css +355 -4
- package/styles/daterangepicker/fabric.css +355 -4
- package/styles/daterangepicker/fluent-dark.css +356 -5
- package/styles/daterangepicker/fluent.css +356 -5
- package/styles/daterangepicker/highcontrast-light.css +355 -4
- package/styles/daterangepicker/highcontrast.css +355 -4
- package/styles/daterangepicker/icons/_bootstrap-dark.scss +20 -0
- package/styles/daterangepicker/icons/_bootstrap.scss +20 -0
- package/styles/daterangepicker/icons/_bootstrap4.scss +20 -0
- package/styles/daterangepicker/icons/_bootstrap5.scss +20 -0
- package/styles/daterangepicker/icons/_fabric-dark.scss +20 -0
- package/styles/daterangepicker/icons/_fabric.scss +20 -0
- package/styles/daterangepicker/icons/_fluent.scss +20 -0
- package/styles/daterangepicker/icons/_fusionnew.scss +20 -0
- package/styles/daterangepicker/icons/_highcontrast-light.scss +20 -0
- package/styles/daterangepicker/icons/_highcontrast.scss +20 -0
- package/styles/daterangepicker/icons/_material-dark.scss +20 -0
- package/styles/daterangepicker/icons/_material.scss +20 -0
- package/styles/daterangepicker/icons/_material3-dark.scss +1 -0
- package/styles/daterangepicker/icons/_material3.scss +32 -2
- package/styles/daterangepicker/icons/_tailwind.scss +20 -0
- package/styles/daterangepicker/material-dark.css +355 -4
- package/styles/daterangepicker/material.css +309 -70
- package/styles/daterangepicker/material3-dark.css +1330 -0
- package/styles/daterangepicker/material3-dark.scss +8 -0
- package/styles/daterangepicker/material3.css +1386 -0
- package/styles/daterangepicker/material3.scss +8 -0
- package/styles/daterangepicker/tailwind-dark.css +355 -4
- package/styles/daterangepicker/tailwind.css +355 -4
- package/styles/datetimepicker/_bootstrap-dark-definition.scss +5 -0
- package/styles/datetimepicker/_bootstrap-definition.scss +5 -0
- package/styles/datetimepicker/_bootstrap4-definition.scss +5 -0
- package/styles/datetimepicker/_bootstrap5-definition.scss +5 -0
- package/styles/datetimepicker/_fabric-dark-definition.scss +5 -0
- package/styles/datetimepicker/_fabric-definition.scss +5 -0
- package/styles/datetimepicker/_fluent-definition.scss +5 -0
- package/styles/datetimepicker/_fusionnew-definition.scss +5 -0
- package/styles/datetimepicker/_highcontrast-definition.scss +5 -0
- package/styles/datetimepicker/_highcontrast-light-definition.scss +5 -0
- package/styles/datetimepicker/_layout.scss +47 -4
- package/styles/datetimepicker/_material-dark-definition.scss +5 -0
- package/styles/datetimepicker/_material-definition.scss +5 -0
- package/styles/datetimepicker/_material3-dark-definition.scss +1 -0
- package/styles/datetimepicker/_material3-definition.scss +71 -0
- package/styles/datetimepicker/_tailwind-definition.scss +5 -0
- package/styles/datetimepicker/bootstrap-dark.css +8 -2
- package/styles/datetimepicker/bootstrap.css +8 -2
- package/styles/datetimepicker/bootstrap4.css +8 -2
- package/styles/datetimepicker/bootstrap5-dark.css +8 -2
- package/styles/datetimepicker/bootstrap5.css +8 -2
- package/styles/datetimepicker/fabric-dark.css +8 -2
- package/styles/datetimepicker/fabric.css +8 -2
- package/styles/datetimepicker/fluent-dark.css +8 -2
- package/styles/datetimepicker/fluent.css +8 -2
- package/styles/datetimepicker/highcontrast-light.css +8 -2
- package/styles/datetimepicker/highcontrast.css +8 -2
- package/styles/datetimepicker/icons/_material3-dark.scss +1 -0
- package/styles/datetimepicker/material-dark.css +8 -2
- package/styles/datetimepicker/material.css +8 -2
- package/styles/datetimepicker/material3-dark.css +283 -0
- package/styles/datetimepicker/material3-dark.scss +9 -0
- package/styles/datetimepicker/material3.css +339 -0
- package/styles/datetimepicker/material3.scss +9 -0
- package/styles/datetimepicker/tailwind-dark.css +8 -2
- package/styles/datetimepicker/tailwind.css +8 -2
- package/styles/fabric-dark.css +704 -15
- package/styles/fabric.css +704 -15
- package/styles/fluent-dark.css +708 -13
- package/styles/fluent.css +708 -13
- package/styles/highcontrast-light.css +709 -14
- package/styles/highcontrast.css +709 -14
- package/styles/material-dark.css +701 -12
- package/styles/material.css +608 -114
- package/styles/material3-dark.css +3179 -0
- package/styles/material3-dark.scss +7 -0
- package/styles/material3.css +3235 -0
- package/styles/material3.scss +7 -0
- package/styles/tailwind-dark.css +707 -12
- package/styles/tailwind.css +707 -12
- package/styles/timepicker/_bootstrap-dark-definition.scss +28 -0
- package/styles/timepicker/_bootstrap-definition.scss +28 -0
- package/styles/timepicker/_bootstrap4-definition.scss +28 -0
- package/styles/timepicker/_bootstrap5-definition.scss +28 -0
- package/styles/timepicker/_fabric-dark-definition.scss +28 -0
- package/styles/timepicker/_fabric-definition.scss +28 -0
- package/styles/timepicker/_fluent-definition.scss +28 -0
- package/styles/timepicker/_fusionnew-definition.scss +28 -0
- package/styles/timepicker/_highcontrast-definition.scss +28 -0
- package/styles/timepicker/_highcontrast-light-definition.scss +28 -0
- package/styles/timepicker/_layout.scss +86 -1
- package/styles/timepicker/_material-dark-definition.scss +28 -0
- package/styles/timepicker/_material-definition.scss +28 -0
- package/styles/timepicker/_material3-dark-definition.scss +1 -0
- package/styles/timepicker/_material3-definition.scss +99 -0
- package/styles/timepicker/_tailwind-definition.scss +28 -0
- package/styles/timepicker/_theme.scss +13 -0
- package/styles/timepicker/bootstrap-dark.css +84 -0
- package/styles/timepicker/bootstrap.css +84 -0
- package/styles/timepicker/bootstrap4.css +84 -0
- package/styles/timepicker/bootstrap5-dark.css +84 -0
- package/styles/timepicker/bootstrap5.css +84 -0
- package/styles/timepicker/fabric-dark.css +84 -0
- package/styles/timepicker/fabric.css +84 -0
- package/styles/timepicker/fluent-dark.css +84 -0
- package/styles/timepicker/fluent.css +84 -0
- package/styles/timepicker/highcontrast-light.css +84 -0
- package/styles/timepicker/highcontrast.css +84 -0
- package/styles/timepicker/icons/_bootstrap-dark.scss +12 -0
- package/styles/timepicker/icons/_bootstrap.scss +12 -0
- package/styles/timepicker/icons/_bootstrap4.scss +12 -0
- package/styles/timepicker/icons/_bootstrap5.scss +12 -0
- package/styles/timepicker/icons/_fabric-dark.scss +12 -0
- package/styles/timepicker/icons/_fabric.scss +12 -0
- package/styles/timepicker/icons/_fluent.scss +12 -0
- package/styles/timepicker/icons/_fusionnew.scss +12 -0
- package/styles/timepicker/icons/_highcontrast-light.scss +12 -0
- package/styles/timepicker/icons/_highcontrast.scss +12 -0
- package/styles/timepicker/icons/_material-dark.scss +12 -0
- package/styles/timepicker/icons/_material.scss +12 -0
- package/styles/timepicker/icons/_material3-dark.scss +1 -0
- package/styles/timepicker/icons/_material3.scss +12 -0
- package/styles/timepicker/icons/_tailwind.scss +12 -0
- package/styles/timepicker/material-dark.css +84 -0
- package/styles/timepicker/material.css +84 -0
- package/styles/timepicker/material3-dark.css +382 -0
- package/styles/timepicker/material3-dark.scss +7 -0
- package/styles/timepicker/material3.css +438 -0
- package/styles/timepicker/material3.scss +7 -0
- package/styles/timepicker/tailwind-dark.css +84 -0
- package/styles/timepicker/tailwind.css +84 -0
- package/schematics/collection.json +0 -150
- package/schematics/generators/calendar-daterange/index.d.ts +0 -3
- package/schematics/generators/calendar-daterange/index.js +0 -8
- package/schematics/generators/calendar-daterange/sample-details.d.ts +0 -5
- package/schematics/generators/calendar-daterange/sample-details.js +0 -7
- package/schematics/generators/calendar-daterange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -16
- package/schematics/generators/calendar-daterange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
- package/schematics/generators/calendar-daterange/schema.d.ts +0 -3
- package/schematics/generators/calendar-daterange/schema.js +0 -2
- package/schematics/generators/calendar-daterange/schema.json +0 -125
- package/schematics/generators/calendar-disableddates/index.d.ts +0 -3
- package/schematics/generators/calendar-disableddates/index.js +0 -8
- package/schematics/generators/calendar-disableddates/sample-details.d.ts +0 -5
- package/schematics/generators/calendar-disableddates/sample-details.js +0 -7
- package/schematics/generators/calendar-disableddates/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -16
- package/schematics/generators/calendar-disableddates/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
- package/schematics/generators/calendar-disableddates/schema.d.ts +0 -3
- package/schematics/generators/calendar-disableddates/schema.js +0 -2
- package/schematics/generators/calendar-disableddates/schema.json +0 -125
- package/schematics/generators/calendar-multiselection/index.d.ts +0 -3
- package/schematics/generators/calendar-multiselection/index.js +0 -8
- package/schematics/generators/calendar-multiselection/sample-details.d.ts +0 -5
- package/schematics/generators/calendar-multiselection/sample-details.js +0 -7
- package/schematics/generators/calendar-multiselection/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -61
- package/schematics/generators/calendar-multiselection/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -14
- package/schematics/generators/calendar-multiselection/schema.d.ts +0 -3
- package/schematics/generators/calendar-multiselection/schema.js +0 -2
- package/schematics/generators/calendar-multiselection/schema.json +0 -125
- package/schematics/generators/calendar-views/index.d.ts +0 -3
- package/schematics/generators/calendar-views/index.js +0 -8
- package/schematics/generators/calendar-views/sample-details.d.ts +0 -5
- package/schematics/generators/calendar-views/sample-details.js +0 -7
- package/schematics/generators/calendar-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -16
- package/schematics/generators/calendar-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
- package/schematics/generators/calendar-views/schema.d.ts +0 -3
- package/schematics/generators/calendar-views/schema.js +0 -2
- package/schematics/generators/calendar-views/schema.json +0 -125
- package/schematics/generators/calendar-weeknumber/index.d.ts +0 -3
- package/schematics/generators/calendar-weeknumber/index.js +0 -8
- package/schematics/generators/calendar-weeknumber/sample-details.d.ts +0 -5
- package/schematics/generators/calendar-weeknumber/sample-details.js +0 -7
- package/schematics/generators/calendar-weeknumber/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -16
- package/schematics/generators/calendar-weeknumber/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
- package/schematics/generators/calendar-weeknumber/schema.d.ts +0 -3
- package/schematics/generators/calendar-weeknumber/schema.js +0 -2
- package/schematics/generators/calendar-weeknumber/schema.json +0 -125
- package/schematics/generators/datepicker-daterange/index.d.ts +0 -3
- package/schematics/generators/datepicker-daterange/index.js +0 -8
- package/schematics/generators/datepicker-daterange/sample-details.d.ts +0 -5
- package/schematics/generators/datepicker-daterange/sample-details.js +0 -7
- package/schematics/generators/datepicker-daterange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datepicker-daterange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datepicker-daterange/schema.d.ts +0 -3
- package/schematics/generators/datepicker-daterange/schema.js +0 -2
- package/schematics/generators/datepicker-daterange/schema.json +0 -125
- package/schematics/generators/datepicker-disableddates/index.d.ts +0 -3
- package/schematics/generators/datepicker-disableddates/index.js +0 -8
- package/schematics/generators/datepicker-disableddates/sample-details.d.ts +0 -5
- package/schematics/generators/datepicker-disableddates/sample-details.js +0 -7
- package/schematics/generators/datepicker-disableddates/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datepicker-disableddates/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datepicker-disableddates/schema.d.ts +0 -3
- package/schematics/generators/datepicker-disableddates/schema.js +0 -2
- package/schematics/generators/datepicker-disableddates/schema.json +0 -125
- package/schematics/generators/datepicker-format/index.d.ts +0 -3
- package/schematics/generators/datepicker-format/index.js +0 -8
- package/schematics/generators/datepicker-format/sample-details.d.ts +0 -5
- package/schematics/generators/datepicker-format/sample-details.js +0 -7
- package/schematics/generators/datepicker-format/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -12
- package/schematics/generators/datepicker-format/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -27
- package/schematics/generators/datepicker-format/schema.d.ts +0 -3
- package/schematics/generators/datepicker-format/schema.js +0 -2
- package/schematics/generators/datepicker-format/schema.json +0 -125
- package/schematics/generators/datepicker-multiselection/index.d.ts +0 -3
- package/schematics/generators/datepicker-multiselection/index.js +0 -8
- package/schematics/generators/datepicker-multiselection/sample-details.d.ts +0 -5
- package/schematics/generators/datepicker-multiselection/sample-details.js +0 -7
- package/schematics/generators/datepicker-multiselection/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datepicker-multiselection/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datepicker-multiselection/schema.d.ts +0 -3
- package/schematics/generators/datepicker-multiselection/schema.js +0 -2
- package/schematics/generators/datepicker-multiselection/schema.json +0 -125
- package/schematics/generators/datepicker-strictmode/index.d.ts +0 -3
- package/schematics/generators/datepicker-strictmode/index.js +0 -8
- package/schematics/generators/datepicker-strictmode/sample-details.d.ts +0 -5
- package/schematics/generators/datepicker-strictmode/sample-details.js +0 -7
- package/schematics/generators/datepicker-strictmode/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datepicker-strictmode/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datepicker-strictmode/schema.d.ts +0 -3
- package/schematics/generators/datepicker-strictmode/schema.js +0 -2
- package/schematics/generators/datepicker-strictmode/schema.json +0 -125
- package/schematics/generators/datepicker-views/index.d.ts +0 -3
- package/schematics/generators/datepicker-views/index.js +0 -8
- package/schematics/generators/datepicker-views/sample-details.d.ts +0 -5
- package/schematics/generators/datepicker-views/sample-details.js +0 -7
- package/schematics/generators/datepicker-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datepicker-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datepicker-views/schema.d.ts +0 -3
- package/schematics/generators/datepicker-views/schema.js +0 -2
- package/schematics/generators/datepicker-views/schema.json +0 -125
- package/schematics/generators/daterangepicker-daterange/index.d.ts +0 -3
- package/schematics/generators/daterangepicker-daterange/index.js +0 -8
- package/schematics/generators/daterangepicker-daterange/sample-details.d.ts +0 -5
- package/schematics/generators/daterangepicker-daterange/sample-details.js +0 -7
- package/schematics/generators/daterangepicker-daterange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/daterangepicker-daterange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/daterangepicker-daterange/schema.d.ts +0 -3
- package/schematics/generators/daterangepicker-daterange/schema.js +0 -2
- package/schematics/generators/daterangepicker-daterange/schema.json +0 -125
- package/schematics/generators/daterangepicker-dayspan/index.d.ts +0 -3
- package/schematics/generators/daterangepicker-dayspan/index.js +0 -8
- package/schematics/generators/daterangepicker-dayspan/sample-details.d.ts +0 -5
- package/schematics/generators/daterangepicker-dayspan/sample-details.js +0 -7
- package/schematics/generators/daterangepicker-dayspan/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/daterangepicker-dayspan/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/daterangepicker-dayspan/schema.d.ts +0 -3
- package/schematics/generators/daterangepicker-dayspan/schema.js +0 -2
- package/schematics/generators/daterangepicker-dayspan/schema.json +0 -125
- package/schematics/generators/daterangepicker-disableddates/index.d.ts +0 -3
- package/schematics/generators/daterangepicker-disableddates/index.js +0 -8
- package/schematics/generators/daterangepicker-disableddates/sample-details.d.ts +0 -5
- package/schematics/generators/daterangepicker-disableddates/sample-details.js +0 -7
- package/schematics/generators/daterangepicker-disableddates/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/daterangepicker-disableddates/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/daterangepicker-disableddates/schema.d.ts +0 -3
- package/schematics/generators/daterangepicker-disableddates/schema.js +0 -2
- package/schematics/generators/daterangepicker-disableddates/schema.json +0 -125
- package/schematics/generators/daterangepicker-format/index.d.ts +0 -3
- package/schematics/generators/daterangepicker-format/index.js +0 -8
- package/schematics/generators/daterangepicker-format/sample-details.d.ts +0 -5
- package/schematics/generators/daterangepicker-format/sample-details.js +0 -7
- package/schematics/generators/daterangepicker-format/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -12
- package/schematics/generators/daterangepicker-format/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -28
- package/schematics/generators/daterangepicker-format/schema.d.ts +0 -3
- package/schematics/generators/daterangepicker-format/schema.js +0 -2
- package/schematics/generators/daterangepicker-format/schema.json +0 -125
- package/schematics/generators/daterangepicker-presets/index.d.ts +0 -3
- package/schematics/generators/daterangepicker-presets/index.js +0 -8
- package/schematics/generators/daterangepicker-presets/sample-details.d.ts +0 -5
- package/schematics/generators/daterangepicker-presets/sample-details.js +0 -7
- package/schematics/generators/daterangepicker-presets/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/daterangepicker-presets/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -12
- package/schematics/generators/daterangepicker-presets/schema.d.ts +0 -3
- package/schematics/generators/daterangepicker-presets/schema.js +0 -2
- package/schematics/generators/daterangepicker-presets/schema.json +0 -125
- package/schematics/generators/daterangepicker-strictmode/index.d.ts +0 -3
- package/schematics/generators/daterangepicker-strictmode/index.js +0 -8
- package/schematics/generators/daterangepicker-strictmode/sample-details.d.ts +0 -5
- package/schematics/generators/daterangepicker-strictmode/sample-details.js +0 -7
- package/schematics/generators/daterangepicker-strictmode/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/daterangepicker-strictmode/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -4
- package/schematics/generators/daterangepicker-strictmode/schema.d.ts +0 -3
- package/schematics/generators/daterangepicker-strictmode/schema.js +0 -2
- package/schematics/generators/daterangepicker-strictmode/schema.json +0 -125
- package/schematics/generators/datetimepicker-daterange/index.d.ts +0 -3
- package/schematics/generators/datetimepicker-daterange/index.js +0 -8
- package/schematics/generators/datetimepicker-daterange/sample-details.d.ts +0 -5
- package/schematics/generators/datetimepicker-daterange/sample-details.js +0 -7
- package/schematics/generators/datetimepicker-daterange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datetimepicker-daterange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datetimepicker-daterange/schema.d.ts +0 -3
- package/schematics/generators/datetimepicker-daterange/schema.js +0 -2
- package/schematics/generators/datetimepicker-daterange/schema.json +0 -125
- package/schematics/generators/datetimepicker-disableddates/index.d.ts +0 -3
- package/schematics/generators/datetimepicker-disableddates/index.js +0 -8
- package/schematics/generators/datetimepicker-disableddates/sample-details.d.ts +0 -5
- package/schematics/generators/datetimepicker-disableddates/sample-details.js +0 -7
- package/schematics/generators/datetimepicker-disableddates/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datetimepicker-disableddates/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datetimepicker-disableddates/schema.d.ts +0 -3
- package/schematics/generators/datetimepicker-disableddates/schema.js +0 -2
- package/schematics/generators/datetimepicker-disableddates/schema.json +0 -125
- package/schematics/generators/datetimepicker-format/index.d.ts +0 -3
- package/schematics/generators/datetimepicker-format/index.js +0 -8
- package/schematics/generators/datetimepicker-format/sample-details.d.ts +0 -5
- package/schematics/generators/datetimepicker-format/sample-details.js +0 -7
- package/schematics/generators/datetimepicker-format/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -12
- package/schematics/generators/datetimepicker-format/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -27
- package/schematics/generators/datetimepicker-format/schema.d.ts +0 -3
- package/schematics/generators/datetimepicker-format/schema.js +0 -2
- package/schematics/generators/datetimepicker-format/schema.json +0 -125
- package/schematics/generators/datetimepicker-multiselection/index.d.ts +0 -3
- package/schematics/generators/datetimepicker-multiselection/index.js +0 -8
- package/schematics/generators/datetimepicker-multiselection/sample-details.d.ts +0 -5
- package/schematics/generators/datetimepicker-multiselection/sample-details.js +0 -7
- package/schematics/generators/datetimepicker-multiselection/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datetimepicker-multiselection/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datetimepicker-multiselection/schema.d.ts +0 -3
- package/schematics/generators/datetimepicker-multiselection/schema.js +0 -2
- package/schematics/generators/datetimepicker-multiselection/schema.json +0 -125
- package/schematics/generators/datetimepicker-strictmode/index.d.ts +0 -3
- package/schematics/generators/datetimepicker-strictmode/index.js +0 -8
- package/schematics/generators/datetimepicker-strictmode/sample-details.d.ts +0 -5
- package/schematics/generators/datetimepicker-strictmode/sample-details.js +0 -7
- package/schematics/generators/datetimepicker-strictmode/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datetimepicker-strictmode/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datetimepicker-strictmode/schema.d.ts +0 -3
- package/schematics/generators/datetimepicker-strictmode/schema.js +0 -2
- package/schematics/generators/datetimepicker-strictmode/schema.json +0 -125
- package/schematics/generators/datetimepicker-views/index.d.ts +0 -3
- package/schematics/generators/datetimepicker-views/index.js +0 -8
- package/schematics/generators/datetimepicker-views/sample-details.d.ts +0 -5
- package/schematics/generators/datetimepicker-views/sample-details.js +0 -7
- package/schematics/generators/datetimepicker-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/datetimepicker-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/datetimepicker-views/schema.d.ts +0 -3
- package/schematics/generators/datetimepicker-views/schema.js +0 -2
- package/schematics/generators/datetimepicker-views/schema.json +0 -125
- package/schematics/generators/timepicker-format/index.d.ts +0 -3
- package/schematics/generators/timepicker-format/index.js +0 -8
- package/schematics/generators/timepicker-format/sample-details.d.ts +0 -5
- package/schematics/generators/timepicker-format/sample-details.js +0 -7
- package/schematics/generators/timepicker-format/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/timepicker-format/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -9
- package/schematics/generators/timepicker-format/schema.d.ts +0 -3
- package/schematics/generators/timepicker-format/schema.js +0 -2
- package/schematics/generators/timepicker-format/schema.json +0 -125
- package/schematics/generators/timepicker-scrollto/index.d.ts +0 -3
- package/schematics/generators/timepicker-scrollto/index.js +0 -8
- package/schematics/generators/timepicker-scrollto/sample-details.d.ts +0 -5
- package/schematics/generators/timepicker-scrollto/sample-details.js +0 -7
- package/schematics/generators/timepicker-scrollto/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/timepicker-scrollto/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/timepicker-scrollto/schema.d.ts +0 -3
- package/schematics/generators/timepicker-scrollto/schema.js +0 -2
- package/schematics/generators/timepicker-scrollto/schema.json +0 -125
- package/schematics/generators/timepicker-step/index.d.ts +0 -3
- package/schematics/generators/timepicker-step/index.js +0 -8
- package/schematics/generators/timepicker-step/sample-details.d.ts +0 -5
- package/schematics/generators/timepicker-step/sample-details.js +0 -7
- package/schematics/generators/timepicker-step/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/timepicker-step/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/timepicker-step/schema.d.ts +0 -3
- package/schematics/generators/timepicker-step/schema.js +0 -2
- package/schematics/generators/timepicker-step/schema.json +0 -125
- package/schematics/generators/timepicker-strictmode/index.d.ts +0 -3
- package/schematics/generators/timepicker-strictmode/index.js +0 -8
- package/schematics/generators/timepicker-strictmode/sample-details.d.ts +0 -5
- package/schematics/generators/timepicker-strictmode/sample-details.js +0 -7
- package/schematics/generators/timepicker-strictmode/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/timepicker-strictmode/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/timepicker-strictmode/schema.d.ts +0 -3
- package/schematics/generators/timepicker-strictmode/schema.js +0 -2
- package/schematics/generators/timepicker-strictmode/schema.json +0 -125
- package/schematics/generators/timepicker-timerange/index.d.ts +0 -3
- package/schematics/generators/timepicker-timerange/index.js +0 -8
- package/schematics/generators/timepicker-timerange/sample-details.d.ts +0 -5
- package/schematics/generators/timepicker-timerange/sample-details.js +0 -7
- package/schematics/generators/timepicker-timerange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -8
- package/schematics/generators/timepicker-timerange/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/timepicker-timerange/schema.d.ts +0 -3
- package/schematics/generators/timepicker-timerange/schema.js +0 -2
- package/schematics/generators/timepicker-timerange/schema.json +0 -125
- package/schematics/ng-add/index.d.ts +0 -3
- package/schematics/ng-add/index.js +0 -9
- package/schematics/ng-add/schema.d.ts +0 -13
- package/schematics/ng-add/schema.js +0 -2
- package/schematics/ng-add/schema.json +0 -34
- package/schematics/tsconfig.json +0 -25
- package/schematics/utils/lib-details.d.ts +0 -4
- package/schematics/utils/lib-details.js +0 -6
package/README.md
CHANGED
|
@@ -1,24 +1,36 @@
|
|
|
1
|
-
#
|
|
1
|
+
# ej2-angular-calendars
|
|
2
2
|
|
|
3
|
-
The
|
|
3
|
+
The calendar package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events. It also has documentation and support available under commercial and community licenses. Please visit [www.syncfusion.com](https://www.syncfusion.com/) to get started.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<p align="center" style="width:400px; margin:0 auto;">
|
|
6
|
+
<img src="https://ej2.syncfusion.com/products/images/calendar/readme.gif" alt="Calendar components">
|
|
7
|
+
</p>
|
|
6
8
|
|
|
7
|
-
|
|
9
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
8
10
|
|
|
9
|
-
|
|
11
|
+
> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
10
12
|
|
|
11
|
-
|
|
13
|
+
## Setup
|
|
12
14
|
|
|
13
|
-
|
|
14
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/calendar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
|
|
15
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/calendar/default">Online demos</a> .
|
|
16
|
-
<a href="https://www.syncfusion.com/angular-components/angular-calendar?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
|
|
17
|
-
</p>
|
|
15
|
+
To install `Calendar` and its dependent packages, use the following command.
|
|
18
16
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
```sh
|
|
18
|
+
npm install @syncfusion/ej2-angular-calendars
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Components
|
|
22
|
+
|
|
23
|
+
List of components available in the package:
|
|
24
|
+
|
|
25
|
+
* [Calendar](#calendar)
|
|
26
|
+
* [DatePicker](#datepicker)
|
|
27
|
+
* [TimePicker](#timepicker)
|
|
28
|
+
* [DateTimePicker](#datetimepicker)
|
|
29
|
+
* [DateRangePicker](#daterangepicker)
|
|
30
|
+
|
|
31
|
+
### Calendar
|
|
32
|
+
|
|
33
|
+
The `calendar` is a graphical user interface component that displays a Gregorian Calendar and allows selection of a date.
|
|
22
34
|
|
|
23
35
|
#### Key features
|
|
24
36
|
|
|
@@ -32,42 +44,34 @@ The [Angular Calendar](https://www.syncfusion.com/angular-components/angular-cal
|
|
|
32
44
|
* [Highlight weekends](https://ej2.syncfusion.com/angular/documentation/calendar/customization#highlight-weekends) - The calendar supports to highlighting every weekend in a month.
|
|
33
45
|
* [Globalization](https://ej2.syncfusion.com/angular/documentation/calendar/globalization#globalization) - Supports globalization (internationalization and localization) to translate the names of months, days, and the today button text to any supported language.
|
|
34
46
|
|
|
35
|
-
|
|
47
|
+
#### Resources
|
|
36
48
|
|
|
37
|
-
|
|
49
|
+
* [Getting started](https://ej2.syncfusion.com/angular/documentation/calendar/getting-started?utm_source=npm&utm_campaign=calendar#getting-started)
|
|
50
|
+
* [API reference](https://ej2.syncfusion.com/angular/documentation/api/calendar?utm_source=npm&utm_campaign=calendar)
|
|
51
|
+
* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/default)
|
|
52
|
+
* [Product page](https://www.syncfusion.com/products/angular-ui-components/calendar)
|
|
38
53
|
|
|
39
|
-
|
|
40
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/datepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
|
|
41
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datepicker/default">Online demos</a> .
|
|
42
|
-
<a href="https://www.syncfusion.com/angular-components/angular-datepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
|
|
43
|
-
</p>
|
|
54
|
+
### DatePicker
|
|
44
55
|
|
|
45
|
-
|
|
46
|
-
<img alt="Angular DatePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-datepicker.png">
|
|
47
|
-
</p>
|
|
56
|
+
The `date picker` is a graphical user interface component that allows selection or entry of a date value.
|
|
48
57
|
|
|
49
58
|
#### Key features
|
|
50
59
|
|
|
51
|
-
|
|
52
|
-
* [Mask date input](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datepicker/input-mask) - The mask date input restricts the user from typing unwanted characters in the text input, allowing only eligible date format to be typed.
|
|
53
|
-
* [Disabled date](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datepicker/disabled) - To disable a specific date in the picker calendar and restrict it from being set or selected in the DatePicker.
|
|
54
|
-
* [Date format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datepicker/date-format) - The DatePicker control’s input value can be custom formatted apart from the default culture’s specific date format.
|
|
55
|
-
* [Incomplete date validation](https://ej2.syncfusion.com/angular/documentation/datepicker/strict-mode?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
|
|
56
|
-
* [Globalization](https://ej2.syncfusion.com/angular/documentation/datepicker/globalization?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm) - Support globalization (also known as internationalization and localization) to allow you to translate the names of months, days, and other text elements in the calendar to any supported language. This can be useful in cases where you want to display the calendar in a language other than the default language.
|
|
60
|
+
The date picker is inherited from the calendar component. So, all the key features of calendar can be accessed in the date picker component. Additionally, it has some specific features such as `date format` and `strict mode`.
|
|
57
61
|
|
|
58
|
-
|
|
62
|
+
* [Date format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/date-format) - The date picker control’s input value can be custom formatted apart from the default culture’s specific date format.
|
|
63
|
+
* [Strict mode](https://ej2.syncfusion.com/angular/documentation/datepicker/strict-mode?utm_source=npm&utm_campaign=datepicker#strict-mode) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
|
|
59
64
|
|
|
60
|
-
|
|
65
|
+
#### Resources
|
|
61
66
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
</p>
|
|
67
|
+
* [Getting started](https://ej2.syncfusion.com/angular/documentation/datepicker/getting-started?utm_source=npm&utm_campaign=datepicker#getting-started)
|
|
68
|
+
* [API reference](https://ej2.syncfusion.com/angular/documentation/api/datepicker?utm_source=npm&utm_campaign=datepicker)
|
|
69
|
+
* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/default)
|
|
70
|
+
* [Product page](https://www.syncfusion.com/products/angular-ui-components/datepicker)
|
|
67
71
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
72
|
+
### TimePicker
|
|
73
|
+
|
|
74
|
+
`Time picker` is a simple and intuitive interface component that allows selection of a time value from the popup list or setting a desired time value.
|
|
71
75
|
|
|
72
76
|
#### Key features
|
|
73
77
|
|
|
@@ -78,42 +82,36 @@ The [Angular TimePicker](https://www.syncfusion.com/angular-components/angular-t
|
|
|
78
82
|
* [Time intervals](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Allows populating the time list with intervals between the times in the popup list to enable selection of proper time value.
|
|
79
83
|
* [Customization](https://ej2.syncfusion.com/angular/documentation/timepicker/how-to/css-customization#css-customization) - The appearance of the time picker can be customized completely.
|
|
80
84
|
* [Time list with duration](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Supports customization of the control’s popup list items with time duration.
|
|
81
|
-
* [Mask time input](https://ej2.syncfusion.com/angular/demos/#/material/timepicker/input-mask) - The mask time input restricts the user from typing unwanted characters in the text input, allowing only eligible time format to be typed.
|
|
82
85
|
* [Globalization](https://ej2.syncfusion.com/angular/documentation/timepicker/globalization#globalization) - Supports globalization (internationalization and localization) to update time popup list values to match any specified culture.
|
|
83
86
|
|
|
84
|
-
|
|
87
|
+
#### Resources
|
|
85
88
|
|
|
86
|
-
|
|
89
|
+
* [Getting started](https://ej2.syncfusion.com/angular/documentation/timepicker/getting-started?utm_source=npm&utm_campaign=timepicker#getting-started)
|
|
90
|
+
* [API reference](https://ej2.syncfusion.com/angular/documentation/api/timepicker?utm_source=npm&utm_campaign=timepicker)
|
|
91
|
+
* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/default)
|
|
92
|
+
* [Product page](https://www.syncfusion.com/products/angular-ui-components/timepicker)
|
|
87
93
|
|
|
88
|
-
|
|
89
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/datetimepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
|
|
90
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/datetimepicker/default">Online demos</a> .
|
|
91
|
-
<a href="https://www.syncfusion.com/angular-components/angular-datetime-picker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
|
|
92
|
-
</p>
|
|
94
|
+
### DateTimePicker
|
|
93
95
|
|
|
94
|
-
|
|
95
|
-
<img alt="Angular DateTimePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-datetimepicker.png">
|
|
96
|
-
</p>
|
|
96
|
+
The `date time picker` is a graphical user interface component that allows an end user to enter or select a date and time values from a pop-up calendar and time list pop-up.
|
|
97
97
|
|
|
98
98
|
#### Key features
|
|
99
99
|
|
|
100
|
+
The date time picker is inherited from the date picker and time picker component. So, all the key features of the date picker and time picker component can be accessed in the date time picker component. Additionally, it has some specific features such as `Date time range` and `Date time format`, which are described below.
|
|
101
|
+
|
|
100
102
|
* [Date time range](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/range) - Restricts the entry or selection of values within a specific range of dates and times by using `min` and `max` properties.
|
|
101
103
|
* [Date time format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-format) - The control’s input value can be custom formatted apart from the default culture’s specific date time format.
|
|
102
|
-
* [Mask date time input](https://ej2.syncfusion.com/angular/demos/#/material/datetimepicker/input-mask) - The mask date time input restricts the user from typing unwanted characters in the text input, allowing only eligible date and time format to be typed.
|
|
103
104
|
|
|
104
|
-
|
|
105
|
+
#### Resources
|
|
105
106
|
|
|
106
|
-
|
|
107
|
+
* [Getting started](https://ej2.syncfusion.com/angular/documentation/datetimepicker/getting-started?utm_source=npm&utm_campaign=datetimepicker#getting-started)
|
|
108
|
+
* [API reference](https://ej2.syncfusion.com/angular/documentation/api/datetimepicker?utm_source=npm&utm_campaign=datetimepicker)
|
|
109
|
+
* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/default)
|
|
110
|
+
* [Product page](https://www.syncfusion.com/products/angular-ui-components/datetimepicker)
|
|
107
111
|
|
|
108
|
-
|
|
109
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/daterangepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Getting Started</a> .
|
|
110
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm#/material/daterangepicker/default">Online demos</a> .
|
|
111
|
-
<a href="https://www.syncfusion.com/angular-components/angular-daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm">Learn more</a>
|
|
112
|
-
</p>
|
|
112
|
+
### DateRangePicker
|
|
113
113
|
|
|
114
|
-
|
|
115
|
-
<img alt="Angular DateRangePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-daterangepicker.png">
|
|
116
|
-
</p>
|
|
114
|
+
The `date range picker` is a graphical user interface control that allows an end user to select start and end date values as a range from a calendar pop-up or by entering the value directly in the input element.
|
|
117
115
|
|
|
118
116
|
#### Key features
|
|
119
117
|
|
|
@@ -126,54 +124,45 @@ The [Angular DateRangePicker](https://www.syncfusion.com/angular-components/angu
|
|
|
126
124
|
* [Format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-format) - The control’s input value can be custom formatted apart from the default culture’s specific date range format.
|
|
127
125
|
* [Globalization](https://ej2.syncfusion.com/angular/documentation/daterangepicker/globalization#globalization) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language.
|
|
128
126
|
|
|
129
|
-
|
|
130
|
-
Trusted by the world's leading companies
|
|
131
|
-
<a href="https://www.syncfusion.com/">
|
|
132
|
-
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
|
|
133
|
-
</a>
|
|
134
|
-
</p>
|
|
127
|
+
#### Resources
|
|
135
128
|
|
|
136
|
-
|
|
129
|
+
* [Getting started](https://ej2.syncfusion.com/angular/documentation/daterangepicker/getting-started?utm_source=npm&utm_campaign=daterangepicker#getting-started)
|
|
130
|
+
* [API reference](https://ej2.syncfusion.com/angular/documentation/api/daterangepicker?utm_source=npm&utm_campaign=daterangepicker)
|
|
131
|
+
* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/default)
|
|
132
|
+
* [Product page](https://www.syncfusion.com/products/angular-ui-components/daterangepicker)
|
|
137
133
|
|
|
138
|
-
|
|
134
|
+
## Supported Frameworks
|
|
139
135
|
|
|
140
|
-
|
|
141
|
-
npm install @syncfusion/ej2-angular-calendars
|
|
142
|
-
```
|
|
136
|
+
Date time components are also offered in the following list of frameworks.
|
|
143
137
|
|
|
144
|
-
|
|
138
|
+
* [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/calendars?utm_source=npm&utm_campaign=calendars)
|
|
139
|
+
* [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/calendars?utm_source=npm&utm_campaign=calendars)
|
|
140
|
+
* [ASP.NET Core](https://www.syncfusion.com/products/aspnet-core-ui-controls/calendar)
|
|
141
|
+
* [ASP.NET MVC](https://www.syncfusion.com/products/aspnet-mvc-ui-controls/calendar)
|
|
142
|
+
* [JavaScript](https://www.syncfusion.com/products/javascript-ui-controls/calendar)
|
|
145
143
|
|
|
146
|
-
|
|
144
|
+
## Showcase samples
|
|
147
145
|
|
|
148
|
-
|
|
149
|
-
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
146
|
+
1. Expanse tracker ([Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_campaign=daterangepicker)) - Date range picker component is used in this showcase sample to depict total expenses.
|
|
150
147
|
|
|
151
|
-
|
|
148
|
+
2. Loan calculator ([Source](https://github.com/syncfusion/ej2-showcase-angular-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_campaign=datepicker)) - Date picker component in this showcase sample displays the balance from monthly payment.
|
|
152
149
|
|
|
153
|
-
|
|
154
|
-
* Loan calculator - [Source](https://github.com/syncfusion/ej2-showcase-angular-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_campaign=datepicker)
|
|
155
|
-
* Stock chart - [Live Demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart?utm_source=npm&utm_campaign=daterangepicker)
|
|
150
|
+
3. Stock chart ([Live Demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart?utm_source=npm&utm_campaign=daterangepicker)) - Date range picker component in this showcase sample to display the stock analysis.
|
|
156
151
|
|
|
157
152
|
## Support
|
|
158
153
|
|
|
159
154
|
Product support is available through the following mediums.
|
|
160
155
|
|
|
161
|
-
* [
|
|
162
|
-
* [
|
|
163
|
-
*
|
|
164
|
-
* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-calendar-npm)
|
|
165
|
-
* Live chat
|
|
156
|
+
* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=calendar) support system or [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_campaign=calendar).
|
|
157
|
+
* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new).
|
|
158
|
+
* Ask your queries in Stack Overflow with tag `syncfusion`, `ej2`, and so on.
|
|
166
159
|
|
|
167
|
-
##
|
|
168
|
-
|
|
169
|
-
Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/calendars/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
|
|
160
|
+
## License
|
|
170
161
|
|
|
171
|
-
|
|
162
|
+
Check the license details [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license).
|
|
172
163
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
164
|
+
## Changelog
|
|
176
165
|
|
|
177
|
-
|
|
166
|
+
Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/calendars/CHANGELOG.md).
|
|
178
167
|
|
|
179
168
|
© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|
package/license
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
Essential JS 2 library is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
|
|
2
|
+
|
|
3
|
+
To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.
|
|
4
|
+
|
|
5
|
+
Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
|
|
6
|
+
|
|
7
|
+
Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions.
|
|
8
|
+
|
|
9
|
+
The Syncfusion license that contains the terms and conditions can be found at
|
|
10
|
+
https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-angular-calendars@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-angular-calendars@
|
|
3
|
+
"_id": "@syncfusion/ej2-angular-calendars@20.1.58",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-Fv8OeIaouRO0F3xt9Myrnqehf0o7Bpy5EzfdOIT5/gOzrI1pAWNT2rNV6w0SU/fVdEx1FEIC8d1G8RWrRa1pbw==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-angular-calendars",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"_requiredBy": [
|
|
20
20
|
"/"
|
|
21
21
|
],
|
|
22
|
-
"_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-
|
|
23
|
-
"_shasum": "
|
|
22
|
+
"_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-calendars/-/ej2-angular-calendars-20.1.58.tgz",
|
|
23
|
+
"_shasum": "b5da046095f80e869c3d96de19b06a1d1e752502",
|
|
24
24
|
"_spec": "@syncfusion/ej2-angular-calendars@*",
|
|
25
25
|
"_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/included",
|
|
26
26
|
"author": {
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
},
|
|
32
32
|
"bundleDependencies": false,
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@syncfusion/ej2-angular-base": "~
|
|
35
|
-
"@syncfusion/ej2-base": "~
|
|
36
|
-
"@syncfusion/ej2-calendars": "
|
|
34
|
+
"@syncfusion/ej2-angular-base": "~22.1.34",
|
|
35
|
+
"@syncfusion/ej2-base": "~22.1.34",
|
|
36
|
+
"@syncfusion/ej2-calendars": "22.1.34",
|
|
37
37
|
"tslib": "^2.3.0"
|
|
38
38
|
},
|
|
39
39
|
"deprecated": false,
|
|
@@ -57,6 +57,42 @@
|
|
|
57
57
|
"fesm2020": "fesm2020/syncfusion-ej2-angular-calendars.mjs",
|
|
58
58
|
"homepage": "https://www.syncfusion.com/angular-components",
|
|
59
59
|
"keywords": [
|
|
60
|
+
"ej2",
|
|
61
|
+
"syncfusion",
|
|
62
|
+
"web-components",
|
|
63
|
+
"calendar",
|
|
64
|
+
"date",
|
|
65
|
+
"time",
|
|
66
|
+
"datetime",
|
|
67
|
+
"daterange",
|
|
68
|
+
"culture",
|
|
69
|
+
"month",
|
|
70
|
+
"year",
|
|
71
|
+
"decade",
|
|
72
|
+
"timepicker",
|
|
73
|
+
"strict-mode",
|
|
74
|
+
"step",
|
|
75
|
+
"interval",
|
|
76
|
+
"min",
|
|
77
|
+
"max",
|
|
78
|
+
"globalization",
|
|
79
|
+
"datepicker",
|
|
80
|
+
"daterangepicker",
|
|
81
|
+
"datetimepicker",
|
|
82
|
+
"enable-persistence",
|
|
83
|
+
"locale",
|
|
84
|
+
"value",
|
|
85
|
+
"format",
|
|
86
|
+
"week-number",
|
|
87
|
+
"enable-rtl",
|
|
88
|
+
"presets",
|
|
89
|
+
"min-days",
|
|
90
|
+
"max-days",
|
|
91
|
+
"start-date",
|
|
92
|
+
"end-date",
|
|
93
|
+
"time-format",
|
|
94
|
+
"rangepicker",
|
|
95
|
+
"month-picker",
|
|
60
96
|
"angular",
|
|
61
97
|
"ng",
|
|
62
98
|
"ng-calendars",
|
|
@@ -72,5 +108,5 @@
|
|
|
72
108
|
"schematics": "./schematics/collection.json",
|
|
73
109
|
"sideEffects": false,
|
|
74
110
|
"typings": "syncfusion-ej2-angular-calendars.d.ts",
|
|
75
|
-
"version": "
|
|
111
|
+
"version": "22.1.34"
|
|
76
112
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export const pkgName = '@syncfusion/ej2-angular-calendars';
|
|
2
|
-
export const pkgVer = '^
|
|
2
|
+
export const pkgVer = '^20.1.58';
|
|
3
3
|
export const moduleName = 'CalendarModule, DatePickerModule, TimePickerModule, DateRangePickerModule, DateTimePickerModule';
|
|
4
|
-
export const themeVer = '~
|
|
4
|
+
export const themeVer = '~20.1.58';
|