Feat/input date

apps/doc/src/app/app.routes.ts

@@ -410,12 +410,19 @@ export const ROUTES: Routes = [
  title: 'Input Chips',
  },
  },
+ {
+ path: 'components/date',
+ loadChildren: () => import('./components/input/date/date.module').then(i => i.DateModule),
+ data: {
+ title: 'Date',
+ },
+ },
  {
  path: 'components/input-date',
  loadChildren: () =>
  import('./components/input/input-date/input-date.module').then(i => i.InputDateModule),
  data: {
- title: 'Input Date',
+ title: 'InputDate',
  },
  },
  {

apps/doc/src/app/components/accordion/accordion-example.component.html

@@ -36,13 +36,13 @@
  <prizm-doc-demo>
  <prizm-accordion
  #element
- key="PrizmAccordionComponent"
+ prizmDocHostElementKey="PrizmAccordionComponent"
  [prizmDocHostElement]="element"
  [onlyOneExpanded]="onlyOneExpanded"
  >
  <prizm-accordion-item
  #elementAccordionItem
- key="PrizmAccordionItemComponent"
+ prizmDocHostElementKey="PrizmAccordionItemComponent"
  [prizmDocHostElement]="elementAccordionItem"
  [disabled]="disabled"
  [title]="title"

apps/doc/src/app/components/dropdowns/select/examples/input/select-input-example.component.html

@@ -0,0 +1,15 @@
+<prizm-input-layout label="Заголовок">
+ <prizm-input-select [formControl]="control" [items]="items"> </prizm-input-select>
+</prizm-input-layout>
+
+<br />
+<br />
+<div>
+ <button prizmButton (click)="setDefaultValue()">
+ Set default value: <b>{{ items[0] }}</b>
+ </button>
+</div>
+
+<br />
+<br />
+<div>Current value: {{ control.value }}</div>

apps/doc/src/app/components/dropdowns/select/examples/input/select-input-example.component.ts

@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+import { FormControl, Validators } from '@angular/forms';
+
+@Component({
+ selector: 'prizm-select-input-example',
+ templateUrl: './select-input-example.component.html',
+ styles: [
+ `
+ .box {
+ display: flex;
+ gap: 1rem;
+ }
+ `,
+ ],
+})
+export class PrizmSelectInputExampleComponent {
+ readonly items = [
+ 'One',
+ 'Two',
+ 'Three',
+ 'Very long text with a lot of characters and spaces and other stuff and things',
+ ];
+ readonly control = new FormControl(this.items[1], [Validators.required]);
+
+ public setDefaultValue(): void {
+ this.control.setValue(this.items[0], { emitEvent: false });
+ }
+}

apps/doc/src/app/components/dropdowns/select/examples/validators/select-validators-example.component.html

@@ -1,4 +1,7 @@
-<prizm-select [formControl]="control" [items]="items"></prizm-select>
+<!--<prizm-select [formControl]="control" [items]="items"></prizm-select>-->
+<prizm-input-layout label="Validators">
+ <prizm-input-select [formControl]="control" [items]="items"></prizm-input-select>
+</prizm-input-layout>
 <br />
 <br />
 <div style="display: flex; flex-flow: column; gap: 1rem; width: 20rem">