tag:github.com,2008:https://github.com/mfdeveloper/ionicx-components/releasesRelease notes from ionicx-components2018-06-19T12:20:30Ztag:github.com,2008:Repository/129455899/0.0.202018-06-19T12:20:30Z0.0.20<p>Added README's to repo and the monthpicker component, with their usag…</p>mfdevelopertag:github.com,2008:Repository/129455899/0.0.192018-06-19T11:43:53Z0.0.19<p>Added README's to repo and the monthpicker component, with their usag…</p>mfdevelopertag:github.com,2008:Repository/129455899/0.0.162018-06-19T11:41:01Z0.0.16<p>Added README's to repo and the monthpicker component, with their usag…</p>mfdevelopertag:github.com,2008:Repository/129455899/0.0.132018-05-07T10:32:55ZAdded trigger component like custom form control<ul>
<li>Added new wrapper of type <code>page</code>, using <code>NavigationController</code> to navigate. Now, you can do something like this:</li>
</ul>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="constructor(monthPickerCtrl: IonicMonthPickerController) { }
openPicker() {
const picker = this.monthPickerCtrl.create({
container: {
type: 'page'
}
});
picker.present();
}
"><pre><span class="pl-en">constructor</span><span class="pl-kos">(</span><span class="pl-s1">monthPickerCtrl</span>: <span class="pl-v">IonicMonthPickerController</span><span class="pl-kos">)</span><span class="pl-kos"></span> <span class="pl-kos">{</span> <span class="pl-kos">}</span>
<span class="pl-en">openPicker</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos"></span> <span class="pl-kos">{</span>
<span class="pl-k">const</span> <span class="pl-s1">picker</span> <span class="pl-c1">=</span> <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">monthPickerCtrl</span><span class="pl-kos">.</span><span class="pl-en">create</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
<span class="pl-c1">container</span>: <span class="pl-kos">{</span>
<span class="pl-c1">type</span>: <span class="pl-s">'page'</span>
<span class="pl-kos">}</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-s1">picker</span><span class="pl-kos">.</span><span class="pl-en">present</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span></pre></div>
<p>Or use like a component tag selector</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
<ion-monthpicker-trigger [container]="{ type: 'page' }"> </ion-monthpicker-trigger>"><pre><span class="pl-kos"><</span><span class="pl-ent">ion-monthpicker-trigger</span> <span class="pl-c1">[container]</span>="<span class="pl-s">{ type: 'page' }</span>"<span class="pl-kos">></span> <span class="pl-kos"></</span><span class="pl-ent">ion-monthpicker-trigger</span><span class="pl-kos">></span></pre></div>
<ul>
<li>
<p>Changed <code>IonicMonthPickerTriggerComponent</code> to use <code>ControlValueAcessor</code> Angular interface, and transform them to a custom <code>FormControl</code>. This allow change component state by <code>form.controls['fieldName'].setValue('myMonth')</code> and track form validation</p>
</li>
<li>
<p>Removed the <code>afterRender</code> event from trigger component. This is not necessary anymore, because you can subscribe for Reactive Form events (change, blur...)</p>
</li>
</ul>mfdevelopertag:github.com,2008:Repository/129455899/0.0.32018-04-23T15:21:52Z0.0.3<p>Changed ionic sass import from '~' relative to node_modules on packag…</p>mfdevelopertag:github.com,2008:Repository/129455899/0.0.22018-04-23T15:11:26ZFixes - Modal open event propagation + change detections<ul>
<li>
<p>Added <code>event.stopPropagation()</code> and <code>event.preventDefault()</code> when clicks on <code><ion-monthpicker-trigger></code> button. This avoid execute others click events that exists on the same page</p>
</li>
<li>
<p>Added a new <code>EventEmiter</code> called <code>afterEvent</code>. This is useful to emits to trigger custom actions from a parent component (a page that includes the `'). Thats can be used to update the button title dynamically from another component/page.</p>
</li>
</ul>mfdevelopertag:github.com,2008:Repository/129455899/0.0.12018-04-16T12:26:08Z0.0.1<p>Initial monthpicker working version for ionic 3.x</p>mfdeveloper