Merge pull request #1683 from zyfra/fix/min-max-date-transformer-1315

feat(components/input-date-time): added native date transformation for min max #1315

apps/doc/src/app/components/cron/cron.component.html

@@ -23,6 +23,10 @@
  <prizm-cron-reset-example></prizm-cron-reset-example>
  </prizm-doc-example>
 
+ <prizm-doc-example id="native-date" [content]="nativeDate" heading="Native date">
+ <prizm-cron-native-date-example></prizm-cron-native-date-example>
+ </prizm-doc-example>
+
  <prizm-doc-example id="" [content]="exampleI18n" heading="i18n">
  <prizm-cron-i18n-example></prizm-cron-i18n-example>
  </prizm-doc-example>

apps/doc/src/app/components/cron/cron.component.ts

@@ -57,7 +57,10 @@ export class CronComponent {
  TypeScript: import('./examples/reset/cron-reset-example.component.ts?raw'),
  HTML: import('./examples/reset/cron-reset-example.component.html?raw'),
  };
-
+ readonly nativeDate: TuiDocExample = {
+ TypeScript: import('./examples/native-date/cron-native-date-example.component.ts?raw'),
+ HTML: import('./examples/native-date/cron-native-date-example.component.html?raw'),
+ };
  readonly exampleI18n: TuiDocExample = {
  TypeScript: import('./examples/i18n/cron-i18n-example.component.ts?raw'),
  HTML: import('./examples/i18n/cron-i18n-example.component.html?raw'),

apps/doc/src/app/components/cron/cron.module.ts

@@ -11,6 +11,7 @@ import { PrizmCronFullwidthExampleComponent } from './examples/fullwidth/cron-fu
 import { PrizmCronFilteredListExampleComponent } from './examples/filtered-list/cron-filtered-list-example.component';
 import { PrizmCronResetExampleComponent } from './examples/reset/cron-reset-example.component';
 import { PrizmCronI18nExampleComponent } from './examples/i18n/cron-i18n-example.component';
+import { PrizmCronNativeDateExampleComponent } from './examples/native-date/cron-native-date-example.component';
 
 @NgModule({
  imports: [
@@ -30,6 +31,7 @@ import { PrizmCronI18nExampleComponent } from './examples/i18n/cron-i18n-example
  PrizmCronFilteredListExampleComponent,
  PrizmCronSpecifiedTabsExampleComponent,
  PrizmCronFullwidthExampleComponent,
+ PrizmCronNativeDateExampleComponent,
  CronComponent,
  ],
  exports: [CronComponent],

apps/doc/src/app/components/cron/examples/base/cron-base-example.component.ts

@@ -1,17 +1,9 @@
 import { Component } from '@angular/core';
-import { PrizmCronPeriod, PrizmDay, PrizmTime } from '@prizm-ui/components';
+import { PrizmCronPeriod } from '@prizm-ui/components';
 
 @Component({
  selector: 'prizm-cron-base-example',
  templateUrl: './cron-base-example.component.html',
- styles: [
- `
- .box {
- display: flex;
- gap: 1rem;
- }
- `,
- ],
 })
 export class PrizmCronBaseExampleComponent {
  public value = true;

apps/doc/src/app/components/cron/examples/native-date/cron-native-date-example.component.html

@@ -0,0 +1,15 @@
+<h3>
+ Current Value:
+ <b>{{ item.valueChange | async }}</b>
+</h3>
+<h3>
+ Period:
+ <pre>indefinitely: {{ period.indefinitely }}</pre>
+ <pre>start: {{ period.start }}</pre>
+ <pre>end: {{ period.end }}</pre>
+</h3>
+
+<hr />
+<br />
+<br />
+<prizm-cron #item [(period)]="period"></prizm-cron>

apps/doc/src/app/components/cron/examples/native-date/cron-native-date-example.component.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { PrizmCronPeriod, prizmGetInputDateTimeNativeTransformer } from '@prizm-ui/components';
+
+@Component({
+ selector: 'prizm-cron-native-date-example',
+ templateUrl: './cron-native-date-example.component.html',
+ providers: [prizmGetInputDateTimeNativeTransformer()],
+})
+export class PrizmCronNativeDateExampleComponent {
+ public value = true;
+ public period: PrizmCronPeriod = {
+ start: null,
+ end: null,
+ indefinitely: true,
+ };
+}